.gzsWrap{height:100%;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.gzsWrap section.user{background-color: #fff;height:1.93rem;padding:.32rem;position: relative;}
.gzsWrap section.user img{float: left;width:1.28rem;height:1.28rem;border-radius: 100%;}
.gzsWrap section.user .user-txt{margin-left: 1.52rem;padding-top: .2rem;}
.gzsWrap section.user h3{font-weight: bold;font-size: .32rem}
.gzsWrap section.user h3 b{color:#E64F4C;font-weight: normal;padding-left: .12rem;}
.gzsWrap section.user .user-info{font-size: .24rem;color:#999;}
.gzsWrap section.user .enter{background-color: #E64F4C;width:1.33rem;height:.56rem;text-align: center;line-height: .56rem;font-size: .24rem;color:#fff;border-radius: .08rem;position: absolute;right:.32rem;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.gzsWrap .g-tabs{margin-top:1px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height:100%}
.gzsWrap .g-menu{height:.88rem;display: -webkit-box;display: -ms-flexbox;display: flex;background-color: #fff;}
.gzsWrap .g-menu span{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size: .32rem;line-height: .88rem;text-align: center;position: relative;}
.gzsWrap .g-menu span:first-child:before{content:'';float: right;border-left:solid 1px #999;width:0;height:.32rem;margin-top: .28rem;}
.gzsWrap .g-menu span i{position: absolute;width:.79rem;height:.3rem;
    background-image:url(//n.sinaimg.cn/finance/66ceb6d9/20180521/5.png);
    background-image:-webkit-image-set(url(//n.sinaimg.cn/finance/66ceb6d9/20180521/5.png) 1x, url(//n.sinaimg.cn/finance/66ceb6d9/20180521/5-2x.png) 2x);
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:100% 100%;
    font-size: 0;top:.1rem;
}
.gzsWrap .g-menu span.cur{color:#E64F4C;border-bottom:solid .04rem #E64F4C;}
.gzsWrap .g-cont{height: 100%;overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling:touch}
.zhibo_btn,.fy_btn { position: fixed; width: 0.96rem; height: 0.96rem; background-image: -webkit-linear-gradient(top, #e64f4c, #f9706d); font-size:.24rem; line-height: .96rem; text-align:center; border-radius:100%; color:#fff; right:.32rem; bottom:1.2rem; z-index:9; }
.fy_wrap{ position: fixed; right:0;bottom:0;left:0;z-index:99;background-color: #fff;height:1rem;padding:.1rem .2rem .1rem .32rem; }
.fy_wrap .fy_input{border:solid 1px #e3e3e3;border-radius: .08rem;padding:.2rem;font-size: .32rem;color:#505050;background-color: #fff;width:5.36rem;}
.fy_wrap .fy_submit{border-radius: .08rem; font-size: .32rem; color: #fff; background-color: #E64F4C; width: 1.42rem; height: .8rem; text-align: center; line-height: .8rem; position: absolute; right: .2rem; top: .1rem;}
/* free vip */
.g-free-list{padding:.32rem;}
.g-free-list .g-item{margin-bottom: .32rem;}
.g-free-list .g-user{float: left;width:.8rem;height:.8rem;}
.g-free-list .g-user img{width:100%;height:100%;border-radius: 100%;}
.g-free-list .g-txt{background-color: #fff;border-radius: .08rem;padding:.24rem;margin-left: 1.08rem;position: relative;}
.g-free-list .g-txt:before{position: absolute;border:solid .2rem #fff;border-color:transparent #fff transparent transparent;left:-.34rem;top:.2rem;content:''}
.g-free-list .g-top{height:.3rem;line-height: .3rem;color:#999;margin:-.06rem 0 .1rem;}
.g-free-list .g-top h4{float: left;}
.g-free-list .g-top span{float: right;}
.g-free-list .g-content p{line-height: .45rem;font-size: .32rem;}
.g-free-list .g-content img{max-width: 100%;margin-top:.12rem;}
.g-free-list .g-reply{background-color: #f0f0f0;margin-top: .3rem;border-radius: .08rem;padding:.2rem}
.g-free-list .g-reply .g-content p{font-size: .28rem;color: #666;}
.g-free-list .g-reply .g-top{margin:0 0 .1rem;}
.wrap{
  overflow-x: hidden;
}
/* vip */
.g-vip-list
{
  background: #00007a
}
.g-vip-list .vip-part{
  width: 7rem;
  background-color: #fff;
  border-radius: .2rem;
  margin: 0.2rem auto; 
}
/* .vip-p1 */
.g-vip-list .vip-p1{
    width:100%;
    height:2.48rem;
    background-image:url(../images/header-bg.png);
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:100% 100%;
    position: relative;
}
.g-vip-list .vip-p1 .title{height: 1.29rem;width: 7.34rem;margin: .7rem 0 0 .12rem;}
.vip-p1 .study{position: absolute;bottom: .7rem;right: 0.7rem;width: 4rem;height: .7rem;display: inline-block;}

/* .vip-p2 */
.g-vip-list .vip-p2{
    position: relative;
    /* height:3.4rem; */
    margin: 0 auto 0;
    display: flex;
    flex-direction: column;
}
.g-vip-list .vip-p2 h4{font-size: 0.32rem;font-weight: bold;margin: 2rem auto 0;}
.g-vip-list .vip-p2 h4.name{color: #333;text-align: center;}
.g-vip-list .vip-p2 .con-wrap{display: flex;margin: .16rem 0 0 .16rem;background: url(../images/avatar-bg.png) no-repeat;background-size: 4.28rem 2.2rem;}
.vip-p2 .content{font-size: 0.27rem;line-height: .45rem;margin: 0 auto.1rem;font-weight: bold;color: #333;width: 4.25rem;}
.vip-p2 .content li .disc{height: 0.16rem;width: 0.16rem;border-radius: 50%;display: inline-block;
  background-color: #666;margin-right: .1rem;}
.vip-p2 .avatar{width: 1.97rem;height: 1.97rem;background: url(../images/avatar.png) no-repeat;background-size: contain;margin: .2rem 0 0;}
.vip-p2 ul.intro{width: 6.5rem;margin: 0 auto 0;}
.vip-p2 ul.intro li{line-height: .4rem;}
.vip-p2 ul.intro li p{
  font-size: 0.27rem;
  color: #333;
  font-weight: bold;
}
.vip-p2 .award{
  color: #00007a;
}
.g-vip-list .vip-p2 h5{font-size: 0.27rem;margin: .3rem 0 0.2rem .2rem;font-weight: bold;color: #333;}
.vip-p2 .history-view{width: 7rem;margin: 0 auto;background-image: url(../images/history-view.png);background-size: contain;height: 2.52rem;}
.vip-p2 .history-txt{font-size: 0.22rem;color: #333;margin: 0 0 0.3rem .3rem}

/* .vip-p2-1 */
.g-vip-list .vip-p2-1{
  margin: 0.2rem auto;
  text-align: center;
}
.vip-p2-1 ul{width: 6.6rem; margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: .3rem;}
.vip-p2-1 ul li{
  height: 2.9rem;
  width: 3.15rem;
  margin-bottom: 0.2rem;
  text-align: center;
  border-radius: 6px;
  box-shadow: 1px 1px 10px rgba(42,99,178,.3);
}
.vip-p2-1 li .icon{
  margin: 0.4rem auto;
  height: 0.63rem;
  width: 0.54rem;
  background-size: contain;
  background-repeat: no-repeat;
}
.vip-p2-1 li .icon-text{

  background-image: url(../images/vip-text.png);
}
.vip-p2-1 li .icon-voice{

  background-image: url(../images/vip-voice.png);
}
.vip-p2-1 li .icon-history{

  background-image: url(../images/vip-history.png);
}
.vip-p2-1 li .icon-system{
  background-image: url(../images/vip-system.png);
}
.vip-p2-1 li p{
  font-size: 0.26rem;
  font-weight: bold;
  margin: 0 0 .35rem;
}
.vip-p2-1 li .btn{
  display: inline-block;
  width: 1.5rem;
  height: 0.53rem;
  background-image: url(../images/vip-btn.png);
  background-size: contain;
  background-repeat: no-repeat;
  line-height: .45rem;
  font-size: 0.22rem;
  font-weight: bold;
  color: #fff;
  /* margin-top: 28px; */
}

/* .vip-p3 */
.g-vip-list .vip-p3{ overflow: hidden; text-align: center;}

.g-vip-list .vip-btn{background-color: #E64F4C;width:2.13rem;height:.64rem;color:#fff;font-size: .28rem;line-height: .64rem;text-align: center;margin:1.5rem auto 0;display: block;border-radius: .08rem;}
.g-vip-list .vip-slider{height:4.5rem;}
.g-vip-list .vip-buy{
    background-image:url(//n.sinaimg.cn/finance/66ceb6d9/20180521/4.png);
    background-image:-webkit-image-set(url(//n.sinaimg.cn/finance/66ceb6d9/20180521/4.png) 1x, url(//n.sinaimg.cn/finance/66ceb6d9/20180521/4-2x.png) 2x);
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:100% 100%;
    height:3.32rem;
}

.g-vip-list .vip-p4{ overflow: hidden; text-align: center;}
.g-vip-list .vip-p5{text-align: center;}
.g-vip-list .vip-p6{text-align: center;}

.vip-p4 .slider_wrap{
  width: 6.7rem;
  margin: 0 auto .2rem;
  overflow: hidden;
  border-radius: .1rem;
}
.vip-p4 .slider_item{
  width: 6.7rem;
  height: 3.9rem;
}
.vip-p4 .method1{
  background-image: url(../images/methodology1.png);
  background-size: contain;
}
.vip-p4 .method2{
  background-image: url(../images/methodology2.png);
  background-size: contain;
}
.vip-p4 .method3{
  background-image: url(../images/methodology3.png);
  background-size: contain;
}
.vip-p4 .method4{
  background-image: url(../images/methodology4.png);
  background-size: contain;
}
.vip-p4 .method5{
  background-image: url(../images/methodology5.png);
  background-size: contain;
}
.vip-p4 .method6{
  background-image: url(../images/methodology6.png);
  background-size: contain;
}
.vip-p4 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  /* margin: 0 11px; */
  border-radius: 50%;
  border: 1px solid #fff;
  opacity: 1;
}
.vip-p4 .swiper-pagination-bullet-active {
  background-color: #fff;
}


/* .vip-p5 */
.vip-p5{padding-bottom: .3rem;}
.vip-p5 .txt{font-size: 0.26rem;color: #333;line-height: 0.4rem;font-weight: bold;}
.vip-p5 .con{width: 6.42rem;margin: 0 auto;}
.vip-p5 .con ul {margin: .3rem 0;text-align: left;}
.vip-p5 .con ul li span{color: #00007a;}
.vip-p5 .con-img{width: 6.42rem;height: 6.53rem; background: url(../images/lesson-img1.png) no-repeat;background-size: contain;}

/* vip-p6 */
.vip-p6 {padding-bottom: .3rem;}
.vip-p6 .con-img{width: 6.42rem;height: 3.4rem; background: url(../images/con-img.png) no-repeat;background-size: contain;margin: 0 auto;}

/* .vip-p7 */
.g-vip-list .vip-p7{text-align: center;padding: 0 0 .1rem;}
.vip-rating {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 6.75rem;
  width: 6.75rem;
  background: url(../images/rate.png) no-repeat;
  background-size: contain;
  margin: 0 auto .2rem;
}
.vip-rating li{width: 3.5rem;}
.vip-rating .img-rate1{
  background-image: url(../images/user-rate1.png);
  background-size: contain;
  height: 2.1rem;
}
.vip-rating .img-rate2{
  background-image: url(../images/user-rate2.png);
  background-size: contain;
  height: 1.16rem;
}
.vip-rating .img-rate3{
  background-image: url(../images/user-rate3.png);
  background-size: contain;
  height: 1.48rem;
}
.vip-rating .img-rate4{
  background-image: url(../images/user-rate4.png);
  background-size: contain;
  height: 2.6rem;
}
.vip-rating .img-rate5{
  background-image: url(../images/user-rate5.png);
  background-size: contain;
  height: 1.27rem;
}
.vip-rating .img-rate6{
  background-image: url(../images/user-rate6.png);
  background-size: contain;
  height: 0.89rem;
}

.g-vip-list .vip-msg{border-radius: .08rem;padding:.24rem .14rem;font-size: .32rem;margin-bottom: .2rem;}
.g-vip-list .vip-msg .v-date{float: left;color:#CCAA6E}
.g-vip-list .vip-msg .v-cont{margin-left: 1.16rem;}
.g-vip-list .vip-msg .v-cont p{font-size: .32rem;line-height: .45rem;}
.g-vip-list .vip-msg .v-cont b{color:#CCAA6E;}
.g-vip-list .vip-footer{color:#999;line-height: .45rem;padding:.4rem .32rem}


.swiper-slide img { width: 100%; height: 4rem; }
.swiper-pagination { width: 100%; padding: .1rem 0 }
.swiper-pagination-bullet { margin: 0 .1rem; }

.history-pop .mp{
  width: 7rem;
  height: 11.6rem;
  background: url(../images/pop-img.png) no-repeat;
  background-size: contain;
}
.pop_content .pop_contentWrap{
  height: 8rem;
  width: 7rem;
}
.history-pop.pop_css3Content .pop_content_body{
  overflow: hidden;
  width: 7rem;
}
.history-pop .pop_content_body .pop_contentWrap{
  padding: 0;
  overflow: hidden;
  overflow-y: scroll;
}