@charset "utf-8";
/* CSS Document */

 .lubo{ width: 1200px; min-width:1000px;clear: both; position: relative; height:425px;  margin: 0 auto;
  margin-top: 175px; margin-bottom:26px;}
  .lubo_box{ position: relative; width: 100%; height:368px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:425px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}

  .lubo_box li img{ width: 100%; height: 425px;}

  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{ float: left; width:12px; height: 12px; margin: 8px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);  border-radius: 8px; -moz-border-radius: 8px;
      box-shadow: 0 1px 10px rgba(0, 0, 0, 0.42);
  }
  .cir_on{ background: #3EBB2B  !important;}

.moresty {  float: right;
  font-size: 14px;
  line-height: 30px;
  color: #8E8E8E;
  width: 60px;
  text-align: right;
  padding-right: 5px;}
  /* .lubo_btn{ position: absolute; width: 100%; top: 140px;}
  .left_btn, .right_btn{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} */
  .left_btn{ float: left; color:transparent;}
  .right_btn{ float: right;  color:transparent;}
  .web-header{display: inline-block;
  width: 100%;}
  .new-header {display: inline-block; width:898px;
  height: 34px;}
  .baike-header {
  display: inline-block;
  width: 100%;
  height: 38px;
  }
  .web-wrapper { width:1200px; margin:0 auto; margin-bottom:30px;}
  .imgico {
    background: url(../img/ico.png) no-repeat;
  }
.web-header .web-title {
    float: left;
    line-height: 25px;
	font: inherit;
    font-size: 20px;
    color: #333;
    display: inline-flex;
}
.webico1 {background-position:-37px -84px;width: 26px;
    margin-right: 10px;
    height: 26px;
    display: inline-block;}

.web-content { margin-top:10px; display:inline-block; width:1200px;}
.baike_ul li a img { width: 278px; height: 144px; overflow: hidden;}
.web-left-content {
    position: relative;
    float: left;
    width: 246px;
    height: 360px;border-bottom: 2px solid #5977FF;
}
.web-more-course {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 50px;
    line-height: 49px;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #fff;
}
.web-more-course a {color: #fff;
  font-size: 18px;
  width: 210px;
  display: inline-block;
  padding-right: 30px;}
.web-right-content {
    float: right;
    height: 360px;
    padding-top: 0px;
    width: 950px;
	border-top:2px solid #27A9F5;
}
.point-list ul li { 
 float:left; width:313px; height:178px; margin-right:5px; margin-bottom: 4px;
 background-color:#F2F4FF;}
.point-list ul li:nth-child(3n+0) { margin-right:0px !important;}
.point-ico1 {display: inline;
    float: left;
    width: 100px;
    height: 135px;
    margin: 22px 10px 20px 20px;}
.point-list h3 {font-size: 18px; line-height:35px; color:#434343; font-weight:normal;
 margin-top:10px; text-align:center;}
 .h3sty { font-size: 20px;
  color: #2E6DEC;
  font-weight: normal;
  text-align: center;
  padding: 22px 0;}
.point-text {margin: 22px 15px 16px 0;
  overflow: hidden;
  height: 136px;
  font-size: 14px;
  color: #8C9299;}
.app-title { height:32px;
  float: left;
  padding-left: 40px;
  line-height: 30px;
  font: inherit;
  font-size: 20px;
  color: #333;
  background-position: -39px -138px;
} 
.point-app {display: inline; width:284px;
  float: left;
  height: 200px;  padding:0 14px;}
.point-apptext {
  height: 100px;
  font-size: 14px;
  color: #666666;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;}
.point-applist ul li {
  float: left;
  width: 313px;
  height: 360px;
  border-right: 5px solid #E9EDFF;
  background-color: #F2F4FF;
}
.point-applist h3 {font-size: 18px; line-height:35px; color:#111111; font-weight:normal;
 margin-top:0px; text-align:left;}
.point-applist ul li:nth-child(3n+0) { border-right: 0 !important;}

.dowload_app { display: block; z-inde:5; width:100%;   padding-top: 10px;
 height:140px;
}
.android_btn { width:160px; height:48px; background-color:#3CB4F9; color:#fff; display:inline-block; float:right; border-radius: 3px;padding:0; margin:0;}
.android_ico { background-position: -36px -200px;width: 32px;
  height: 33px;
  display: inline-block;
  vertical-align: middle;
  margin: 7px 5px 7px 12px;
}
.dowload_app span {float: right; font-size:16px;
  display: inline-block;margin-right: 12px;
  margin-top: 4px;}
.dowload_app font { font-size:12px;}
.iphone_btn {width:160px; height:48px; background-color:#4ACA6D; color:#fff; display:inline-block; float:right; border-radius: 3px; padding:0; margin:0; margin-top:-46px;}
.iphone_ico {background-position: -36px -257px;width: 32px;
  height: 33px;
  display: inline-block;
  vertical-align: middle;
  margin: 9px 5px 7px 12px; }
  
.new-title { background-position:-37px -315px;height: 32px;
  float: left;
  padding-left: 40px;
  line-height: 30px;
  font: inherit;
  font-size: 20px;
  color: #333;}
  .hotnew {display: inline-block;
  height: 249px;
}
.new_img {display: inline;
    float: left;
    width: 425px;
    height: 249px;
    padding: 9px 13px 0 0;}
.title_newb { font-size:14px; height: 38px;
    line-height: 38px;
    background: rgba(0,0,0,.6);
    position: relative;
    left: 0;
    bottom: 38px;
    text-align: center; color:#fff;}
.roll_new { float:left; width:475px; padding:9px 13px 0 0; display:inherit;}
.roll_new li {height: 50px;
    overflow: hidden;
} 
.rollAD {position:relative; width:440px; height: 250px; margin:0 auto;overflow:hidden;}
.rollText {width: 100%;}
.time-line-bg { background-position:-46px -365px;
    display: inline;
    float: left;
    width: 12px;
    height: 50px; 
    background-repeat: no-repeat;
}
.create-time {display: inline;
    float: left;
    font-size: 12px;
    line-height: 53px;
    color: #8b8b8b;
    width: 51px;
    padding-left: 10px;
    overflow: hidden;}
.newline {height: 49px; border-bottom:1px dashed #ccc;
    margin-left: 91px;}
.new-content {
    height: 50px;
    overflow: hidden;
    line-height: 50px;
}
.new-link {
    color: #2d64b6;
    font-size: 16px;
    line-height: 49px; 
	}
.slogan_wap {width: 270px;
  height: 304px;
  background-color: rgba(46, 109, 236, 0.12);
  float: right;
  margin-top:-45px;position: relative;}
.slogan-title {
    margin: 0 20px;
    padding: 20px 0 15px;
    color: #353535;
    line-height: 18px;
    height: 18px; border-bottom: 1px dashed #ccc;
    font-size: 16px;}
.title-content {
    display: inline;
    float: left;
}
.home { background-position:-155px -16px; width:52px; height:52px;display: inline-block;  margin: 0px 0 0 15px;}
.finish-count-text {display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #ee5e0f;
    font-size: 30px;padding: 0 15px 0 0px;
    height:79px;}
.homesty { text-align:center;  padding-top: 4px;height: 70px;}
.text_1 {display: inline-block; height: 55px;
    vertical-align: middle;
    font-size: 16px;
    color: #222222;}
.text_2 { text-align:center;}
.login_wap {height: 52px;
    background-color: #4aca6d;
    bottom: 0;
  position: absolute;}	
.login-button{display: inline;
    float: left;
    width: 134px;
    height: 52px;
    background-color: #2E6DEC;
    color: #fff;
    text-align: center;
    line-height: 52px;
    text-decoration: none; }	
.login-button:hover {
    background-color: #1958D7;
}
.linesty {border-right: 1px solid rgba(181, 225, 193, 0.33);}	
.item-title {
    vertical-align: middle;
    font-size: 16px;
    height: 18px;color: #fff;
    text-decoration: none;}	
.user-title {height: 32px;
  float: left;
  padding-left: 40px;
  line-height: 30px;
  font: inherit;
  font-size: 20px;
  color: #333;
  background-position: -38px -439px;}	
  .infotitle { padding: 20px 18px 0 18px;
  height: 132px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;}
	
.row-side { float:right; width:258px;  margin-top: -38px;}
.row-side h4 {font-weight: 400;
    font-size: 18px;
    color: #333;
    height: 33px;
    line-height: 22px;}
.feed-box {
    margin-top: 6px;
    border-left: 1px solid #E1E1E1;
}
.feed-box .feed-box-wrap {
    margin-left: -5px;
    height: 390px;
    overflow: hidden;
	position: relative;
    width: 254px;
}

.scroll{width:254px;height:390px;overflow:hidden}
.scroll ul {
    position: relative;
}
.scroll li {
    position: relative;
    padding: 8px 0 0;
	width:254px;
	height:118px; font-size:14px;
}
.scroll ul li .author {margin-top: 10px;
    padding-left: 5px; display:inline-block;
}
.scrollul li .author p {
    padding: 2px 0;
    color: #878787;
}
.scroll ul li .author p.pro {
    height: 15px;
    overflow: hidden;
}
.scroll ul li .author img {
    width: 70px;
    height: 70px;
    border-radius: 2px;
    float: left;
    margin-right: 12px; margin-left: 6px;
}
.author  a { display:inline-block;  float: left;}
.scroll ul li .author span {
    padding: 2px 0;width: 140px;
    color: #222; float:left; line-height:28px;
}
.scroll ul li p.ut {
    width: 77px;
    height: 20px;
    line-height: 21px;
    text-align: center;
    background-position: -253px -32px;   margin-top: 14px;
  font-size: 12px;
  margin-left: 20px;}

.baike-title { height:32px;
  float: left;
  padding-left: 40px;
  line-height: 30px;
  font: inherit;
  font-size: 20px;
  color: #333;
  background-position: -301px -77px;
}
.mg_top1 { margin-top:10px;}

.baike_ul li{ float:left; width:280px; margin-right:26px;}
.baike_ul li:nth-child(4n+0) { margin-right:0px !important;}

.single-member {
    position: relative;
    float: left;
    width: 313px;
    height: 360px;
    border-right: 5px solid #E9EDFF;
    background-color: #fff;
}
.more-info {padding: 0 14px;}
.border1 { border:0 !important;}
/*= effect-2 css =*/
.effect-2{max-height: 360px; min-height: 360px; overflow: hidden;}
.effect-2 h3{padding-top: 7px; line-height: 33px;}
.effect-2 .member-image{border-bottom: 5px solid #27A9F5; height: 318px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
.effect-2 .member-info{transition: 0.4s;}
.effect-2 .member-image img{width: 100%; vertical-align: bottom;}
.effect-2 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
.effect-2:hover .member-image{height: 0px; transition: 0.4s;border-bottom: 0;}
/*= effect-2 css end =*/