/* line 2, ../../srcs/scss/_common.scss */
html {
    font-size: 50px;
}

/* line 6, ../../srcs/scss/_common.scss */
#__bs_notify__ {
    font-size: 12px !important;
}

/* line 10, ../../srcs/scss/_common.scss */
body {
    background-color: #f5f5f5;
    color: #333;
}

/* line 15, ../../srcs/scss/_common.scss */
body,
button,
input,
select,
textarea {
    font: 400 0.28rem/1.5 "HelveticaLight", "Helvetica Neue", "Heiti SC", "Microsoft Yahei", tahoma, arial, sans-serif;
}

/* line 23, ../../srcs/scss/_common.scss */
body {
    margin: 0;
    padding: 0;
}

/* line 28, ../../srcs/scss/_common.scss */
a {
    text-decoration: none;
}

/* line 32, ../../srcs/scss/_common.scss */
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* line 39, ../../srcs/scss/_common.scss */
p {
    padding: 0;
    margin: 0;
}
*{
    padding: 0;
    margin: 0;color: #333;}

/* line 44, ../../srcs/scss/_common.scss */
a,
select,
span,
i,
input {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    outline: none;
    border: 0;
    line-height: normal;
    background: none;
}

/* line 57, ../../srcs/scss/_common.scss */
input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

/* line 60, ../../srcs/scss/_common.scss */
input[type='radio'] {
    -webkit-appearance: radio;
}

/* line 64, ../../srcs/scss/_common.scss */
input:-webkit-autofill {
    box-shadow: 0px 0px 0px 1000px #fff inset;
}

/* line 68, ../../srcs/scss/_common.scss */
::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
}

/* line 73, ../../srcs/scss/_common.scss */
:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

/* line 78, ../../srcs/scss/_common.scss */
::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
}

/* line 83, ../../srcs/scss/_common.scss */
.clearfix {
    *zoom: 1;
}
/* line 84, ../../srcs/scss/_common.scss */
.clearfix:before, .clearfix:after {
    content: ' ';
    display: table;
}
/* line 89, ../../srcs/scss/_common.scss */
.clearfix:after {
    clear: both;
}

/* line 95, ../../srcs/scss/_common.scss */
.clear {
    clear: both;
}

/* line 99, ../../srcs/scss/_common.scss */
.img {
    display: block;
    border: none;
    width: 100%;
    height: auto;
}
.top{
    height: 0.88rem;
    background: #e55b6b;position: relative;}
    .top h1{overflow: hidden;}
.top h1 img{
		display: block;margin: 0 auto;margin-top: 0.19rem;width: 1.72rem;
}
.top .ssbtn{
		position: absolute;right: 0.52rem;top: 0.24rem;height: 0.4rem;width: 0.4rem;
}

.top .ss{background: #e55b6b;position: absolute;width: 100%;height: 0.88rem;top: 0;left: 0;padding-left: 1.2rem;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding-right: 0.3rem;display: none;}
.top .back{position: absolute;left: 0;height: 0.88rem;padding-top: 0.25rem;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding-left: 0.3rem;}
.top .back img{width: 0.26rem;height: 0.44rem;}
.top .ss .sousuo{background: #fff;height: 0.60rem;margin-top: 0.14rem;-webkit-border-radius: 0.6rem;
-moz-border-radius: 0.6rem;
border-radius: 0.6rem;line-height: 0.6rem;padding-left: 0.3rem;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding-right: 0.3rem;position: relative;padding-right: 1.6rem;}
.top .ss .sousuo input{width: 100%;}
.top .ss .sousuo .close{position: absolute;height: 0.32rem;width: 0.32rem;-webkit-border-radius: 50%;font-size: 0;
-moz-border-radius: 50%;
border-radius: 50%;top: 0.13rem;right: 1.13rem;display: none;}
.top .ss .sousuo .close img{height: 0.32rem;width: 0.32rem;}
.top .ss .sousuo .btn{position: absolute;top: 0.13rem;font-size: 0;right: 0;}
.top .ss .sousuo .btn img{height: 0.32rem;border-left: 1px solid #d9d9d9;padding-left: 0.25rem;padding-right: 0.3rem;}

.nav{height: 0.79rem;background: #fff;
box-shadow: 0 0 10 #000; overflow-x: auto;font-size: 0;width: 100%;white-space:nowrap;}
.nav a{line-height: 0.64rem;display: inline-block; margin: 0 0.26rem;font-size: 0.34rem;
margin-top: 0.06rem;border-bottom: 2px solid rega(0,0,0,0);}
.nav a.active{color: #e55b6b;border-bottom-color: #e55b6b;}

/*banne*/
.banner{width: 100%;margin: 0;padding: 0;font-size: 0;}
.banner img{width: 100%;margin: 0;padding: 0;}
body div.banner .swiper-pagination{right: 0.2rem;left: auto;}

.banner .swiper-pagination-bullet{float: right;background: #f5f3f1;}
.banner .swiper-pagination-bullet.active{background: #fff;}
 .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }




.bartext{height: 1rem;background: #fff;line-height: 1rem;font-size: 0.38rem;padding-left: .3rem;}
.jiangshi{background: #fff;margin-top: 0.2rem;overflow: hidden;padding-left: 0.1rem;}
.jiangshi ul{padding-top: 0.3rem;padding-bottom: 0.3rem;overflow: hidden;}
.jiangshi ul li{float: left;width: 1.64rem;margin: 0 0.1rem;}
.jiangshi ul li .pic{position: relative;font-size: 0;width: 1.2rem;height: 1.2rem;display: block;margin: 0 auto;}
.jiangshi ul li .pic img{width: 1.2rem;height: 1.2rem;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;display: block;margin: 0 auto;}
.jiangshi ul li .pic .v{position: absolute;bottom: 0.05rem;right: 0.05rem;width: 0.25rem;height: 0.25rem;}
.jiangshi ul li span{display: block;}
.jiangshi ul li span.title{font-size: 0.32rem;line-height: 0.32rem;margin-top: 0.2rem;text-align: center;}
.jiangshi ul li span.label{margin-top: 0.2rem;color: #e69845;border: 1px solid #e69845;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;height: 0.44rem;line-height: 0.44rem;text-align: center;overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;}





.titlebar{margin-top: 0.4rem;font-size: 0.38rem;border-left: 0.06rem solid #e55b6b;margin-left: 0.3rem;padding-left: 0.12rem;}
.titlebar .titlebar_more{float: right;color: #e55b6b;line-height: 0.3rem;margin-right: 0.3rem;font-size: 0.3rem;margin-top: 0.1rem;}
.titlebar .titlebar_more img{width: 0.16rem;vertical-align: middle;margin-top: -0.08rem;}



.list{background: #fff;margin-top: 0.2rem;overflow: hidden;}
.list ul{padding:0 0.3rem;}
.list ul li{overflow: hidden;border-bottom: 1px dotted #ccc;}
.list ul li .title{font-size: 0.36rem;margin-top: 0.38rem;}
.list ul li .info{}
.list ul li .info{padding-bottom: 0.4rem;position: relative;height: 1.5rem;overflow: hidden;margin-top: 0.3rem;padding-left: 2.58rem;}
.list ul li .info img{position: absolute;width: 2.4rem;height: 1.5rem;top: 0;left: 0;}
.list ul li .info p{font-size: 0.3rem;color: #999;margin-bottom: 0.15rem;overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2; }
.list ul li .info .type{height: 0.36rem;line-height: 0.36rem;color: #e69845;border: 1px solid #e69845;-webkit-border-radius: 1rem;
-moz-border-radius: 1rem;
border-radius: 1rem; padding: 0 0.12rem;text-align: center;margin-right: 0.3rem;}
.list ul li .info .type1{color: #e55b6b;border-color: #e55b6b;}
.list ul li .info .liulan{color: #999;font-size: 0.26rem;}

.list .more{height: 1.1rem;line-height: 1.1rem;text-align: center;display: block;font-size-adjust: 0.32rem;color: #666;}



.video{height: 4.50rem;width: 100%;background: #000;}
.video video{height: 4.50rem;width: 100%;}
.video_title{font-size: 0.5rem;height: 0.5rem;line-height: 0.5rem;margin-top: 0.36rem;
padding-bottom: 0.46rem;border-bottom: 1px dotted #ccc;margin-left: 0.3rem;margin-right: 0.3rem;}
.video_title .shengyin{float: right;margin-top: 0.05rem;}
.shengyin{}
.shengyin img{width: 0.48rem;height: 0.43rem;}


/*详情讲师*/

.jiangshiinfo{background: #fff;overflow: hidden;}
.jiangshiinfo .mt{position: relative;margin-top: 0.3rem;height: 1.1rem;padding-left: 1.34rem;margin: 0 0.3rem;margin-top: 0.3rem;}
.jiangshiinfo .pic{font-size: 0;position: absolute;width: 1.1rem;left: 0;right: 0;}
.jiangshiinfo .pic .img{width: 1.1rem;height: 1.1rem;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.jiangshiinfo .pic .i{height: 0.34rem;width: 0.34rem;position: absolute;right: 0;bottom: 0;}
.jiangshiinfo .title{font-size: 0.33rem;line-height: 0.55rem;}
.jiangshiinfo .label{font-size: 0.24rem;border: 1px solid #e55b6b;display: inline-block;color: #e55b6b;height: 0.36rem;
line-height: 0.36rem;padding: 0 0.1rem;
-webkit-border-radius: 0.06rem; 
-moz-border-radius: 0.06rem;
border-radius: 0.06rem;margin-top: 0.1rem;}
.jiangshiinfo .free{position: absolute;right: 0;height: 0.44rem;line-height: 0.44rem;top: 0.33rem;font-size: 0;}
.jiangshiinfo .free img{height: 0.44rem;width: 0.44rem;}

.jiangshiinfo .mc{padding: 0.3rem;position: relative;}
.jiangshiinfo .mc p{font-size: 0.34rem;color: #666;}
.jiangshiinfo .mc a.more{color: #e55b6b;font-size-adjust: 0.34rem;line-height: 0.34rem;position: absolute;right: 0;bottom: 0.3rem;font-size: 0.34rem;right:0.3rem;}
.jiangshiinfo .mc a.more span{color: #e55b6b;}
.jiangshiinfo .mc a.more img{width: 0.24rem;height: 0.16rem;vertical-align: middle;margin-left: 0.2rem;}

.article{padding:0 0.3rem;margin-top: 0.3rem;font-size: 0.36rem;height: 6.4rem;position: relative;overflow: hidden;}
.article .more:before{display: block;content: ' ';height: 0.5rem;background: #fff;position: absolute;width: 100%;top: -0.5rem;background: linear-gradient(rgba(245,245,245,0.6),rgba(245,245,245,1));}
.article .more{text-align: center;font-size: 0.32rem;color: #e55b6b;position: absolute;padding-top: 0.2rem;padding-bottom: 0.3rem;bottom: 0;width: 100%;background: #f5f5f5;}
.article .more img{width: 0.22rem;height: 0.14rem;vertical-align: middle;margin-left: 0.1rem;margin-top: -0.02rem;}
.article.active{height: auto;padding-bottom: 0.9rem;}
.article.active .more{padding-bottom: 0.2rem;}
.article.active .more:before{display: none;}
.article img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto !important;
}
.article p{
    margin-bottom: 1em;
}
.zuozhelist{}
.zuozhelist .title{height: 0.89rem;line-height: 0.89rem;font-size: 0.34rem;padding-left: 0.3rem;}
.zuozhelist ul{background: #fff;padding: 0 0.3rem;}

.zuozhelist ul li{position: relative;padding-top: 0.4rem;padding-bottom: 0.4rem;padding-left: 1.85rem;border-bottom: 1px dotted #eee;}

.zuozhelist ul li .pic{position: absolute;top: 0.4rem;left: 0;}
.zuozhelist ul li .pic .img{width: 1.5rem;height: 1.5rem;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.zuozhelist ul li .pic .i{position: absolute;bottom: 0;right: 0;width: 0.34rem;height: 0.34rem;}
.zuozhelist ul li .t{line-height: 0.36rem;margin-bottom: 0.12rem;}
.zuozhelist ul li .t span{font-size: 0.38rem;vertical-align: middle;margin-right: 0.2rem;}
.zuozhelist ul li .t .label{display: inline-block;color: #e69845;font-size-adjust: 0.24rem;height: 0.36rem;line-height: 0.36rem;border: 1px solid #e69845;padding: 0 0.1rem;-webkit-border-radius: 0.06rem;
-moz-border-radius: 0.06rem;
border-radius: 0.06rem;vertical-align: middle;margin-top: 0.04rem;}
.zuozhelist ul li .info{font-size: 0.3rem;color: #666;overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2; }

.zuozhelist .more{height: 1.24rem;line-height: 1.24rem;color: #666;text-align: center;}
/*分享*/
body div.freebox{position: fixed;bottom: 0;background: #f7f9fa;border-top: 1px solid #f2f2f2;width: 100%;padding-top: 0.37rem;display: none;}
div.freebox a{float: left;width: 33.333%;text-align: center;margin-bottom: 0.2rem;display: block;background: none !important;height: auto;line-height: 1;padding: 0;margin: 0;}
div.freebox a img{width: 1.2rem;height: 1.2rem;box-shadow: 0 0 0.1rem rgba(0,0,0,0.08);-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
div.freebox a *{pointer-events: none;}
.freebox a span{display: block;font-size: 0.32rem;line-height: 0.5rem;}
.freebox .close{font-size: 0.32rem;color: #e55b6b;width: 100%;display: block;line-height: 1.10rem;text-align: center;background: #fff;clear: both;}
/*作者详情*/
.zuozhe{background: #fff;}
.zuozhe .pic{width: 3.78rem;width: 100%;}
.zuozhe .title{padding: 0.3rem;padding-bottom: 0;font-size: 0.46rem;}
.zuozhe .title .label{font-size: 0.24rem;color: #e55b6b;border: 1px solid #e55b6b;-webkit-border-radius: 0.06rem;
-moz-border-radius: 0.06rem;
border-radius: 0.06rem;padding: 0 0.1rem;height: 0.36rem;line-height: 0.36rem;vertical-align: middle;margin-top: -0.1rem;margin-left: 0.2rem;}