html{width: 100%;height: 100%;font-size: 100px;line-height: 1.5;-webkit-text-size-adjust:none; font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", STHeiti, sans-serif; background: #fff;}
body{padding: 0;margin: 0;width: 100%; height:100%; color: #333;background: #f2f2f2; overflow-x: hidden;word-break:break-all;word-wrap:break-word; -webkit-font-smoothing:antialiased;font-smoothing:antialiased; font-size: .18rem;-webkit-tap-highlight-color: rgba(0,0,0,0); background: #fff;}
ul,li{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,p{margin:0;font-style: normal;font-weight: normal;}
/*h2,h4{font-weight: bold;font-size: 16px;padding: 1.8em 0 0.5em 0;}*/
img{border:0;}
input,img{vertical-align:middle;margin: 0;}
input,textarea{border: none;}
input:focus{outline: 0;}
span{display: inline-block;}
a{text-decoration: none; color: inherit;}
.lock {overflow: hidden;height: 100%;width: 100%;}
.fixed{position: fixed;}
.ovhd{overflow-y: hidden;}
.clearfix{zoom:1;_height:1px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.common-ajax-loading:before{height: 100%;width: 100%;background: #ef8176;position: absolute;left: 0;top:0;content: "";display: inline-block;}
.common-ajax-loading:after{width: 24px;height: 24px; -webkit-animation:rotate 1s infinite linear;animation:rotate 1s infinite linear; background-position: center;content: "";display: inline-block; position: absolute;left: 50%;top:50%;margin-left:-12px;margin-top: -12px;border: 1px solid #fff;border-color: #fff #fff #fff transparent;border-radius: 50%;
}
  @-webkit-keyframes rotate{
    0%{
      -webkit-transform:rotate(0deg);
     }
     100%{
       -webkit-transform:rotate(360deg);
     }
  }
  @keyframes rotate{
    0%{
      transform:rotate(0deg);
     }
     100%{
       transform:rotate(360deg);
     }
  }
.i-icon{color: #f0f0f0; font-weight: 600; margin: 0 .04rem; padding: 0!important; width: 1px; height: .1rem; background-color: #f0f0f0; display: inline-block; vertical-align: middle;}
.border-1px{position: relative;}
.border-1px:before, .border-1px:after{border-top: 1px solid #eeeeee;content: ' ';display: block;width: 100%;position: absolute;left: 0;}
.border-1px:before{top: 0;display: none;}
.border-1px:after{bottom: 0;}
@media (-webkit-min-device-pixel-ratio:1.5), (min-device-pixel-ratio: 1.5){
  .border-1px:after,.border-1px:before{
      -webkit-transform: scaleY(.7);
      -webkit-transform-origin: 0 0;
      transform: scaleY(.7);
    }
     .border-1px:after{
      -webkit-transform-origin: left bottom;
    }
}

@media (-webkit-min-device-pixel-ratio:2), (min-device-pixel-ratio: 2){
  .border-1px:after,.border-1px:before{
      -webkit-transform: scaleY(.5);
      transform: scaleY(.5);
  }
}
.line-hide1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line-hide2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line-hide3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.mlr20{margin: 0 .2rem;}
.dn{display: none !important;}
.opacity0{opacity: 0 !important;}
.opacity1{opacity: 1 !important;}
.text-indent-08{text-indent: -.08rem;}
.text-indent-09{text-indent: -.09rem;}
.text-indent-11{text-indent: -.11rem;}
.fs_30_b{font-size: .3rem; font-weight: 600;}
.fs_20_b{font-size: .2rem; font-weight: 600;}
.fs_16_b{font-size: .16rem; font-weight: 600;}
.fs_16_n{font-size: .16rem;}
.fs_16_l{font-size: .16rem; font-weight: 300;}
.fs_14_b{font-size: .14rem; font-weight: 600;}
.fs_14_n{font-size: .14rem;}
.fs_12_b{font-size: .12rem; font-weight: 600;}
.fs_12_n{font-size: .12rem;}
.fs_10_n{font-size: .1rem;}
.fs_10_l{font-size: .1rem; font-weight: 300;}

.c_b_1{color: #000000;}
.c_b_2{color: #333333;}
.c_b_3{color: #666666;}
.c_b_4{color: #999999;}
.c_b_5{color: #262626;}
.c_b_6{color: #333333;}
.c_b_7{color: #535353;}
.c_b_8{color: #222222;}

.c_r_1{color: #e74b3b; font-weight: 600;}
.c_r_2{color: #b83c2f;}

.c_w_1{color: #ffffff;}
.c_w_2{color: #f8f8f8;}
.c_w_3{color: #f0f0f0;}
.c_w_4{color: #878787;}

.c_g{color: #28ca42;}

.c_b{color: #3890e9;}

.menu-button{width: .2rem;height: .2rem;background-size: 100%;}

.menu-button_static{background-image:url(//cs.vmovier.com/Uploads/Activity/2017-04-14/58f08e9be56b6.png);}

.menu-button_static_light{background-image:url(//cs.vmovier.com/Uploads/Activity/2017-04-14/58f0497f36035.png); background-repeat: no-repeat;}
 
.menu-button_action{background-image:url(//cs.vmovier.com/Uploads/Activity/2017-04-14/58f08e845c91b.png); background-repeat: no-repeat;}
#container .right-arrow{width: .04rem; margin-left: .02rem;}




.container{background: #fff; position: relative; min-height: 100%;}
.transition{transition: transform 0.5s;}
.button-red{display: block; width: 1.4rem; height: .42rem; line-height: .42rem; border-radius: .02rem;background-color: #e74b3b;text-align: center; font-size: .14rem; color: #ffffff; transition: background .2s;}
.button-red:active{background-color: #b83c2f;}

.button-black{display: block; width: 2.75rem; height: .42rem; line-height: .42rem; border-radius: .02rem; background-color: rgba(0, 0, 0, 1); text-align: center;font-size: .14rem; color: #ffffff; transition: background .2s;}
.button-black:active{background-color: rgba(0, 0, 0, .8);}
.button-black.noclick, .button-black.reging{background-color: #dadada;}
.button-focus{width: .52rem; height: .24rem;line-height: .24rem;text-align: center; border-radius: .012rem;position: absolute; top: .05rem; right: 0; font-size: .12rem;color: #ffffff;}
.button-focus.red{background-color: #e74b3b;color: #fff;}
.button-focus.red:active{background-image: url(//cs.vmovier.com/Uploads/Activity/2017-06-02/59312f6d96f4c.png);}
.button-focus.gray{background-color: #999999;}
.button-focus.gray:active{background-image: url(//cs.vmovier.com/Uploads/Activity/2017-06-02/59313a52a4436.png);}

.button-focus.loading-btn{}
.button-focus.loading-btn:after{content: ""; position: absolute; width: .15rem; height: .15rem; top: 50%; left: 50%; margin: -.075rem  0 0 -.075rem;  animation: loading-rotate 1s infinite linear; -webkit-animation: loading-rotate 1s infinite linear; background: url(//cs.vmovier.com/Uploads/Activity/2017-06-02/59313c0f4e211.png); background-size: cover;}
.button-focus.loading-before{background-color: #B63D34;}
.button-focus.loading-after{ background-color: #666666;}
.empty-result{text-align: center; margin: 1.4rem auto;}
@keyframes loading-rotate{
    0% {
       transform: rotate(360deg);
    }
    100% {
       transform: rotate(0deg);
    }
}
@-webkit-keyframes loading-rotate{
    0% {
       -webkit-transform: rotate(360deg);
    }
    100% {
       -webkit-transform: rotate(0deg);
    }
}

.dialog-box{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 10000;}
.dialog-box .dialog-con{margin: 0 .2rem; background: #fff; padding: .23rem 0;}
.dialog-box .dialog-con .dialog-title{padding-bottom: .1rem;}
.dialog-box .dialog-con .dialog-btn{margin: .24rem .3rem 0; width: auto; height: .36rem; line-height: .36rem;}

.header{height: .47rem; background: #ffffff;position: fixed;top:0;width: 100%;
    z-index: 1000;}
.header.transparent{background: transparent; position: absolute;top:0}
.header-bar{height: .47rem; padding: 0 .2rem; position: relative; width: 100%; box-sizing: border-box; background: #fff; z-index: 100; transition: opacity .5s; border-bottom: 1px solid #f0f0f0; transition: top .5s; z-index: 100000;}
.header.transparent .header-bar{background:transparent;border-bottom: 1px solid transparent;}
.header.transparent .header-bar .loginbtn{color:#FFF;}
.userinfo-selection{position: fixed; width: 1.26rem; top: .47rem; right: .16rem; padding-top: .12rem; z-index: 1000;  transform-origin: 100% 0; transition: .3s;/* display: none;*/}
.userinfo-selection.scale-up{transform: scale(.6); opacity: 0;}
.userinfo-selection .arrow{position: absolute; border: .08rem solid rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, .03); border-bottom-width: .1rem; right: .08rem; top: -0.07rem;}
.userinfo-selection .arrow:after{content: ""; position: absolute; border: .08rem solid rgba(0, 0, 0, 0); border-bottom-color: #fff; border-bottom-width: .1rem; top: -0.06rem; left: -0.08rem;}
.userinfo-selection ul{background-color: #ffffff; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.04); padding: 0 .08rem; transition: .5s; border-radius: .02rem;}
.userinfo-selection li{text-align: center; line-height: 1; font-size: .14rem; color: #333; border-bottom: 1px solid rgba(240,240,240,.5);}
.userinfo-selection li a{display: block; padding: .13rem 0;}
.userinfo-selection li:active{color: #e8463f; font-weight: 600;}
.userinfo-selection li.select{color: #e8463f; font-weight: 600;}

.top-box{padding: 0 .2rem; height: .47rem; position: fixed; width: 100%; top: 0; left: 0; box-sizing: border-box; z-index: 1000; opacity: 0; transition: opacity .5s;}
.top-box.success{background-color: #28ca42}
.top-box.fail{background-color: #e74c3b}
.top-box .img{width: .15rem; height: .15rem; margin-right: .1rem; background-size: cover; background-repeat: no-repeat;}
.top-box.success .img{background-image: url(//cs.vmovier.com/Uploads/Activity/2017-05-05/590bf2994ae6f.png);}
.top-box.fail .img{background-image: url(//cs.vmovier.com/Uploads/Activity/2017-05-05/590bf37d00616.png); width: .18rem;}

/* 下滑加载loading */
.loading-fade{opacity:0}
.loading{
  width: 100%;
  height: .36rem;
  margin: .2rem auto;
}
.loader {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 25%;
  align-items: center;
  justify-content: center;
}

@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.ball-pulse-sync > div:nth-child(1) {
  -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; }

.ball-pulse-sync > div:nth-child(2) {
  -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; }

.ball-pulse-sync > div:nth-child(3) {
  -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; }

.ball-pulse-sync > div {
  background-color: #fff;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  margin: 2px;
  background-color:#d8d8d8;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; 
}
/* 页面loading */
.loading-fade{opacity:0}.loading-page{height:100%;width:100%;z-index:100000000;position:fixed;background:#fff;transition:opacity 1s;-webkit-transition:opacity 1s;top:0;left:0}.rabbit-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:88px;height:88px;background-size:cover;text-align:center;line-height:96px}.rabbit{width:36px;display:inline-block;animation:jump 1s infinite ease-in;-webkit-animation:jump 1s infinite ease-in;transform-origin:50% 50%}@keyframes jump{0%{transform:translateY(0);animation-timing-function:ease-in}50%{transform:translateY(6px);animation-timing-function:ease-out}55%{transform:translateY(8px);animation-timing-function:ease-in}65%{transform:translateY(4px);animation-timing-function:ease-out}95%{transform:translateY(0);animation-timing-function:ease-in}100%{transform:translateY(0);animation-timing-function:ease-in}}@-webkit-keyframes jump{0%{-webkit-transform:translateY(0);-webkit-animation-timing-function:ease-in}50%{-webkit-transform:translateY(6px);-webkit-animation-timing-function:ease-out}55%{-webkit-transform:translateY(8px);-webkit-animation-timing-function:ease-in}65%{-webkit-transform:translateY(4px);-webkit-animation-timing-function:ease-out}95%{-webkit-transform:translateY(0);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);-webkit-animation-timing-function:ease-in}}


  @-webkit-keyframes ball-beat {
    50% {
      opacity: 0.2;
      -webkit-transform: scale(0.75);
              transform: scale(0.75); }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1); } }

  @keyframes ball-beat {
    50% {
      opacity: 0.2;
      -webkit-transform: scale(0.75);
              transform: scale(0.75); }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1); } }

  .loaders {
    width: 100%;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .loader {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 25%;
    /*max-width: 25%;
    height: 200px;*/
    align-items: center;
    justify-content: center;
  }
  .ball-beat>div, .ball-scale-multiple>div {
    background-color: #fff;
    border-radius: 100%;
  }
  .ball-beat > div {
    background-color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color:#333;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: ball-beat 0.7s 0s infinite linear;
            animation: ball-beat 0.7s 0s infinite linear; }
    .ball-beat > div:nth-child(2n-1) {
      -webkit-animation-delay: -0.35s !important;
              animation-delay: -0.35s !important; }

  .ball-pulse > div:nth-child(1) {
    -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
            animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

/* end */
.to-end {
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
    color: #878787;
    font-size: .1rem;
    margin: 0 .2rem .3rem;
  }
.to-end span {
    display: inline-block;
    padding: .04rem .1rem;
    background: #fff;
    position: relative;
    top: .13rem;
  }

/* header */
.fixed{position: fixed;}
.bar-logo{width: .49rem; vertical-align: middle;}
.bar-user{width: .22rem; height: .22rem;background-size: cover;border-radius: 50%; border: 1px solid #f0f0f0; position: relative; overflow: visible;}
.bar-user .author-v{position: absolute; right: -.01rem; bottom: -.01rem;}

.header-nav{padding-top: .20rem; position: relative; z-index: 10000; background: #f8f8f8;}
.header-nav.down .nav-list{color:transparent;}
.header.transparent .header-nav{background: transparent;}
.header.transparent .header-nav li{border-bottom:none;}
.header-nav.transition{transition: transform 0.5s;}
.header-nav .nav-sreach{margin: 0 .2rem .2rem; font-size: .12rem; position: relative;}
.header-nav .nav-sreach input{width: 100%;height: .32rem;background: #ededed;padding: 0 .34rem; box-sizing: border-box; -webkit-appearance : none ; font-size: .12rem; border-radius: .02rem;}
.header-nav .nav-sreach:after{content: ""; position: absolute; background: url(//cs.vmovier.com/Uploads/Activity/2017-04-26/59000d5a1184d.png) no-repeat; width: .14rem; height: .14rem; background-size: cover; top: 50%; margin-top: -.07rem; left: .1rem;}
.header-nav .nav-sreach .close{content: ""; position: absolute; background: url(//cs.vmovier.com/Uploads/Activity/2017-04-27/5901ccf1aa131.png) no-repeat; width: .32rem; height: .32rem; background-size: .14rem; top: 0; right: 0; background-position: center;}
.header-nav .nav-list li{padding: .15rem .2rem;border-bottom: 1px solid #eeeeee;}
.header-nav .nav-list li a{display: block;}
.header-nav .nav-list li:active{background: rgba(0,0,0,.1);}
.header-nav .nav-list li .vipspan {
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
}
.header-nav .nav-list li .vipicon {
  display: inline-block;
  width: .14rem;
  height: .108rem;
  background-image: url(https://oss-xpc0.xpccdn.com/Upload/edu/2019/08/165d5614ec517cc.png);
  background-repeat: no-repeat; 
  background-size: contain;
  padding:0;
  vertical-align: middle;
}
.sildedown-bg{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 100;}
.clickavator-bg{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 100;}

.banner{position: relative;}
.banner .banner-face{width: 100%;}
.banner .banner-content{position: absolute;top:0;left: 0;right: 0;bottom: 0;margin: 0 .2rem;}
.banner .banner-content .menu-button{position: absolute; top: .14rem;left: 0;}

/* 导航条 */
.tab-bar{width: 100%; height: .36rem; border-bottom: 1px solid #f5f5f5; background: #fff;  /*top: .47rem;*/ top: 0; left: 0; z-index: 100; position: fixed; margin-top: .47rem;}
.tab-bar.transition{transition: .5s;}

.top0{top: 0;}
.top-47{top: -0.47rem;}
.top47{top: .47rem;}
.absolute{position: absolute;}
.fixed{position: fixed;}

.tab-bar .tab-item{margin-right: .6rem; position: relative; height: 100%; line-height: .36rem;}
.tab-bar .tab-item:last-child{margin-right: 0;}
.tab-bar .tab-item.active{color: #333;}
.tab-bar .tab-item.active:after{content: ""; background-color: #e74b3b; width: .1rem; height: .02rem; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}

.tab-creator-bar{width: 100%; height: .36rem; border-bottom: 1px solid #f5f5f5; background: #fff;  /*top: .47rem;*/ left: 0; z-index: 1000; position: relative; overflow-x: auto; white-space: nowrap; text-align: center;}

.tab-creator-bar.transition{transition: .5s;}



.tab-creator-bar .tab-item{margin-right: 0; text-align: center; padding: 0 .08rem; display: inline-block;  height: 100%; line-height: .36rem;}
.tab-creator-bar .tab-item:after{content: ""; background: url(//cs.vmovier.com/Uploads/Activity/2017-04-24/58fdb014a840f.png) no-repeat; width: .06rem; height: .04rem; background-size: cover; -webkit-backface-visibility: hidden; transition: transform .3s; transform-origin: center;display: inline-block; margin-left: .04rem; position: relative; top: -.02rem;}



.tab-item.rotate180:after{transform: rotate(180deg);}

/* 活动或者视频列表 */
.list-wrap{padding-top: .6rem;padding-bottom: 0.6rem;}
.list-wrap .big-title{line-height: 1; position: relative; margin-bottom: .3rem;}
.list-wrap .big-title span{position: relative; z-index: 1;}
/*.list-wrap .big-title:after{width: .3rem; height: .04rem; background: #e74b3b; content: ""; position: absolute; left: 0; bottom: .02rem;}*/
.list-one{/*padding-bottom: .6rem;*/ padding: .3rem 0;}
.list-one:last-child{ border: none!important; padding-bottom: 0;}
.cover-wrap{position: relative; display: block;}
.list-cover{width: 100%; height: 2.1rem; background-color: #f8f8f8;}
.list-tags{position: absolute; left: .2rem; top: .16rem; font-size: 0;}
/*.list-tags .tag{width: .2rem; height: .14rem; font-size: .09rem; border: 1px solid #fff; line-height: .14rem; margin-right: .07rem; text-align: center;}*/
.list-con{margin-top: .17rem}
.list-tags .tag{
    width: .2rem;
    height: .14rem;
    border-radius: .018rem;
    border: .7px solid #fff;
    text-align: center;
    line-height: .14rem;
    color: #fff;
    font-size: .09rem;
    float: left;
    font-weight: 300;
    background-color: rgba(0,0,0,.1);
    margin-right: .06rem;
}
.list-item{margin-bottom: .07rem;}
.list-item:last-child{margin-bottom: 0;}
.list-title{line-height: 1.3; margin-bottom: .07rem;}
.list-icon{width: .12rem;}
.list-text{margin-left: .06rem;}
.list-detail{margin-bottom: .06rem;}
.author-wrap{margin-top: .08rem;}
.author-name{color: #535353; padding-right: .02rem;}

.author-v{width: 9px; height: 9px; background-size: cover; background-repeat: no-repeat;}
.author-v.yellow-v{background-image: url("/public/images/yellow-v.png");}
.author-v.blue-v{background-image: url("/public/images/blue-v.png");}

/*首页*/
.square-container{padding-top: 0.83rem;}
.square-container .menu-white{position: absolute;left: .2rem; top: .2rem;z-index: 1;}
.square-container .banner-content img{width: 1.29rem; margin-top: .88rem;}
.square-container .banner-content h2{margin: .4rem 0 0 0;}
.square-container .banner-content p{margin-bottom: .9rem;}
.square-container .no-login{margin-bottom: .3rem;}
.square-container .no-login .index-video{vertical-align: top; width: 100%;}
.square-container .no-login .video-cover{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); }

/* 介绍部分 */
.square-intro .intro-list{text-align: center; margin-top: .3rem; font-size: 0;}
.square-intro .intro-list li{width: 50%; display: inline-block; vertical-align: top;}
.square-intro .intro-list li img{width: .55rem;}
.square-intro .intro-list li h3{margin-top: .22rem;}
.square-intro .intro-list li .intro-detail{margin-top: .09rem; line-height: 1.6;}
.square-intro .intro-list li p{margin-top: .1rem;}
.square-intro .intro-more{text-align: center; margin-top: .6rem;}
.square-intro .intro-more p{margin-top: .03rem;}
/* 活动列表 */
/*.activity-con{padding-top: .91rem;}*/

/* 关注列表*/
.focus-con{padding-top: 0;}
.focus-con .list-one{border-bottom: 1px solid #f0f0f0;}
.focus-info{margin-bottom: .1rem;}
.focus-info .username{margin-left: .07rem;}
.focus-info .author-v{margin-left: .02rem;}
.focus-info .tip{margin-left: .1rem;}
.nav-con-item2{/*padding-top: .36rem; *//*overflow-y: auto;*/}
.no-focus{text-align: center; position: absolute; width: 100%; left: 0; top: 20%;}
.no-focus .no-focus-tip{margin-top: .1rem;}
.no-focus .no-focus-btn{margin: .32rem auto .2rem;}

/* 创作人列表 */
.creator-list .creator-item{border-bottom: 1px solid #f0f0f0; padding-left: .2rem; padding-right: .2rem;}
.creator-list .creator-item:last-child{border: none; padding-bottom: 0;}
.creator-con{background: #fff; position: relative; padding-top: .83rem;padding-bottom: 0.6rem;}
.creator-item{padding: .3rem 0;}
.creator-item .author-info{position: relative;}
.creator-item .author-info .author-avator{width: .48rem; height: .48rem; position: absolute; top: 0; left: 0;}
.creator-item .author-info .author-avator img{width: 100%;  border-radius: 50%; border: 1px solid #f0f0f0;}
.creator-item .author-info .author-avator .author-v{position: absolute; width: .12rem; height: .12rem; right: 0; bottom: 0;}
.creator-item .author-info .info-right{margin-left: .62rem;}
.creator-item .author-info .info-right .info-name{padding-top: .02rem}
.creator-item .author-info .info-right .info-name a{max-width: 2.1rem;}
.creator-item .author-info .info-right h3{padding-bottom: .02rem;}
.creator-item .info-focus .fans-wrap{margin-left: .34rem; /*height: .24rem;*/}
.creator-item .info-focus .fans-wrap span{line-height: 1;}
.creator-item .info-focus .fans-wrap span.count{padding-bottom: .02rem;}
/*.creator-item .info-prize{padding-top: .1rem;}*/
.creator-item .video-info .video-list{/*white-space: nowrap; overflow-x: auto;*/ font-size: 0; margin-top: .15rem;/* -webkit-overflow-scrolling: touch; -webkit-overflow-style: move;*/}
/*.creator-item .video-info .video-list::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}
.creator-item .video-info .video-list::-webkit-scrollbar{display:none}*/
.creator-item .video-info .video-list li{display: inline-block; width: 48%; overflow: hidden; margin-right: 4%; vertical-align: top;}
.creator-item .video-info .video-list li:last-child{margin-right: 0;}
.creator-item .video-info .video-list .cover{width: 100%;}
.creator-item .video-info .video-list .title{white-space: normal; padding-top: .04rem;}

/*.nav-wrap{position: relative;}*/
/*.nav-wrap .nav-con{display: none;}*/
.nav-wrap .nav-con{font-size: 0; position: absolute; width: 100%; z-index: 1; top: .36rem; /*overflow-y: auto;*/ background: #fff;}
.nav-wrap .nav-con.transition{transition: transform .5s;}
.nav-wrap .personal-left{width: 34%; display: inline-block; vertical-align: top;}
.nav-wrap .personal-right{width: 100%; height: 100%; display: inline-block; background: #f8f8f8; vertical-align: top;overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-overflow-style: move; box-sizing: border-box;}
.nav-wrap .personal-con .personal-right{width: 66%;}
.nav-wrap .select-item{padding: .2rem 0; display: block; text-align: center;}
.nav-wrap .select-item.active{color: #e74b3b; font-weight: 600;}
.nav-wrap .select-item:active{background: rgba(0,0,0,0.1);}
.nav-wrap .select-item:first-child{margin-top: .2rem;}
.nav-wrap .select-item:last-child{margin-bottom: .2rem;}
.overflow-hidden{overflow: hidden;}
.overflow-y-auto{overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-overflow-style: move; box-sizing: border-box;}

/* 登录注册 */
.banner-content .banner-center{margin-top: .74rem; text-align: center;}
.banner-content .banner-center a{display: inline-block; margin-bottom: .08rem;}
.banner-content a .logo{width: .93rem;}
.banner-content .login-reg-tab{width: 100%; position: absolute; bottom: 0; text-align: center; line-height: 1; padding-bottom: .13rem;}
.banner-content .login-reg-tab .lr-tab{opacity: .7; padding: 0 .3rem;}
.banner-content .login-reg-tab .lr-tab.active{opacity: 1;}
.banner-content .login-reg-tab .white-bar{width: .14rem; height: .03rem; background: #fff; position: absolute; bottom: 0; transition: .2s ease-out;}

.login-reg-wrap{padding: .2rem .5rem .6rem;}
.login-reg-wrap .input-box{padding-top: .36rem; position: relative;}
/* 通用input */
.public-tip{font-size: .1rem; line-height: 1; color: #de342e; position: absolute; width: 100%; left: 0; bottom: -.17rem; transition: opacity .3s; opacity: 0;}
.public-tip:after{content: ""; position: absolute; right: 0; top: 0; background: url(//cs.vmovier.com/Uploads/Activity/2017-05-03/590953a7689a3.png) no-repeat; background-size: cover; width: .12rem; height: .1rem;}
.public-input{width: 100%; border-bottom: .02rem solid #f0f0f0; font-size: .14rem; color: #262626 !important; line-height: normal;  background:none; outline: none; padding:  0 0 .1rem 0; -webkit-appearance: none; border-radius: 0;}
.public-input.error{border-color: #e74b3b;}
.public-input::-webkit-input-placeholder{color: #999; line-height: normal;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset !important; }
/* end */
.login-reg-wrap .reg-box .code-box{display: flex; justify-content: space-between;}
.login-reg-wrap .reg-box .code-box-left{display: block;position: relative;}
.code-input{width: 1.6rem;}
.send-code{width: .95rem; text-align: center;}
.login-reg-wrap .reg-box .reg-submit, .login-submit{margin: .6rem auto 0;}
.login-ing{background-color: #dadada;}
.login-reg-wrap .pwdl{padding-right: .22rem; box-sizing: border-box;}
.eye{width: .16rem; height: .16rem; background: url(//cs.vmovier.com/Uploads/Activity/2017-05-09/59116d5960595.png) no-repeat; background-size: cover; position: absolute; right: 0; bottom: .1rem;}
.eye.to-open{background-image: url(//cs.vmovier.com/Uploads/Activity/2017-05-09/59116d9b6e236.png);}

.login-reg-wrap .login-box .remember-box{margin-top: .2rem; height: .16rem;}
.login-reg-wrap .login-box .remember-box .remember-radio{height: .16rem;} 
.login-reg-wrap .login-box .remember-box .remember-flag{background: url(//cs.vmovier.com/Uploads/Activity/2017-05-03/59099609dd630.png) no-repeat; width: .12rem; height: .12rem; background-size: cover; margin-right: .04rem;}
.login-reg-wrap .login-box .remember-box .remember-flag.remembered{background-image: url(//cs.vmovier.com/Uploads/Activity/2017-05-08/5910357caf49a.png);}
.login-reg-wrap .login-box .third-login{margin-top: .5rem; text-align: center;}
.login-reg-wrap .login-box .third-login a{width: .4rem; height: .4rem; background-repeat: no-repeat; background-size: cover; display: inline-block; margin-right: .5rem;}
.login-reg-wrap .login-box .third-login a:last-child{margin-right: 0;}
.login-reg-wrap .login-box .third-login a.weibo-login{background-image: url(//cs.vmovier.com/Uploads/Activity/2017-05-03/5909991d2d7bd.png);}
.login-reg-wrap .login-box .third-login a.qq-login{background-image: url(//cs.vmovier.com/Uploads/Activity/2017-05-03/590999012bf7c.png);}
.login-reg-wrap .login-box .third-login a.weixin-login{background-image: url(//cs.vmovier.com/Uploads/Activity/2017-05-03/590998d72e3dc.png);}

/* 忘记密码 */
.forget-container{padding: .92rem .5rem; line-height: 1;}
.forget-container .username-box{position: relative; margin: .18rem 0 .5rem;}
.forget-container .forget-tip{padding: .1rem 0 .4rem; line-height: .2rem;}
.forget-container .button-red{margin: 0 auto;}
.forget-container .code-wrap{padding: .18rem 0 .4rem;}
.forget-container .code-wrap .verifing{color: #999 !important; font-weight: normal;}
.forget-container .edit-email{margin-top: .2rem; text-align: center;}

/* 搜索结果 */
.search-container{padding-top: .47rem;}
.search-container .empty-result{margin-bottom: .4rem;}
.search-container .search-again{margin: 0 auto;}
.search-container .search-creator-wrap{background-color: #f8f8f8;}
.search-container .search-creator-list{text-align: left; font-size: 0; padding: .3rem .2rem;}
.search-container .search-creator-list li{display: inline-block; white-space: nowrap; box-sizing: border-box; width: 20%; text-align: center;}
.search-container .search-creator-list li a{display: block;}
.search-container .search-creator-list li .search-user-name{vertical-align: middle; padding-top: .07rem; display: block;}
.search-container .search-creator-list li .search-user-head{display: inline-block; width: .56rem; height: .56rem; border-radius: 50%;}
.search-container .search-creator-list li .search-user-head-wrap{position: relative;}
.search-container .search-creator-list li .search-user-head-wrap .author-v{width: .14rem; height: .14rem; position: absolute; bottom: .02rem; right: .05rem;}
.search-container .search-creator-list li:last-child .search-user-head{ background: url(//cs.vmovier.com/Uploads/Activity/2017-06-12/593e32cabfa5c.png) no-repeat; background-size: .06rem .1rem; background-position: center; background-color: #f0f0f0;}
.empty-creator{background-color: #f8f8f8; padding: .18rem .5rem; text-align: center; line-height: 1.3;}
.empty-article{margin-top: 1.36rem; padding: 0 .5rem; text-align: center; line-height: 1.3;}
.search-article-wrap{margin-top: .3rem;}
.list-search{padding: 0 .2rem .2rem; position: relative; margin-bottom: .2rem;     border-bottom: 1px solid #f0f0f0;}
.list-search:last-child{border-bottom: none; margin-bottom: 0;}
.list-search .search-cover-wrap{position: absolute; display: block;}
.list-search .search-cover-wrap .search-tags{position: absolute; left: .1rem; top: .1rem;}
/*.list-search .search-cover-wrap .search-tags .tag{width: .2rem; height: .14rem;}*/
.list-search .search-cover-wrap .search-cover{width: 1.4rem; height: .9rem; background-color: #f8f8f8;}
.list-search .search-con{height: .9rem; margin-left: 1.6rem;}
.list-search .search-detail{margin-top: .12rem; line-height: 1;}
.list-search .author-wrap{margin-top: .12rem;}
.list-search .author-wrap .search-author-name{padding-right: .02rem; max-width: 1.6rem;}

/* 搜索结果-user */
.user-container{padding-top: .47rem;}
.user-container .user-title{background-color: #f8f8f8; height: .36rem; line-height: .36rem; text-align: center; padding: 0 .24rem;}

/* 活动列表页 */
.activity-container{padding-top: .83rem;padding-bottom: 0.6rem;}

/* 绑定邮箱 */
.user-info{position: relative; height: .48rem;}
.user-info img{width: .48rem; height: .48rem; border-radius: 50%; position: absolute; left: 0; top: 0; }
.user-info .user-desc{margin-left: .62rem;}





.exp-list-one{padding: 0.3rem 0.2rem;border-bottom: 1px solid #f0f0f0;}
.exp-list-one h3{color: #333;font-size: 0.16rem;font-weight: 600;margin-bottom: 0.10rem;}
.exp-list-one .info img{width: 1.4rem;float: left;}
.exp-list-one .info div{margin-left: 1.6rem;font-size: 0.1rem;min-height: 0.94rem;}
.exp-list-one .info div h5{color: #666666;margin-bottom: 0.05rem;}

/* 订单中心 */
.order-center{padding: .47rem .2rem 0;}
.order-center .section-title{font-size: 20px; font-weight: 600; color: #333; padding: .24rem 0 .2rem; display: block; position: relative;}
.order-center .section-title .recovery-buy{font-size: .14rem; color: #e74b3b; font-style: normal; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.order-center .section-title .recovery-buy:active{opacity: .6;}
.order-center li{position: relative; padding: .19rem 0 .16rem; border-bottom: 1px solid rgba(240,240,240,.5);}
.order-center li:last-child{border-bottom: none;}
.order-center .to-end{margin: 0;}


/* 我的课程 */
.course-contanier{padding: .47rem 0 0;}
.course-contanier .section-title .recovery-buy{right: .2rem;}
.course-contanier .section-title{padding: .24rem .2rem .2rem; position: relative;}
.course-contanier .customer-service{position: fixed; right: .18rem; bottom: .15rem; z-index: 100;}
.course-contanier .customer-service .customer-icon{background: url(//cs.vmovier.com/Uploads/Activity/2017-08-25/599f8c30b3a19.png) no-repeat; background-size: cover; width: 1rem; height: .38rem;}
.course-contanier .customer-service .customer-icon:active{background-image: url(//cs.vmovier.com/Uploads/Activity/2017-09-12/59b7bfe5990e2.png)}
.course-contanier .course-list li{padding: 0 .2rem; border-bottom: none;}
.course-contanier .course-list li:last-child .course-inner{border-bottom: none;}
.course-contanier .course-list li .course-inner{display: block; padding: .2rem 0; border-bottom: 1px solid rgba(240,240,240,.5);}
.course-contanier .course-list .cover{position: absolute; width: .8rem; height: .8rem; top: .2rem; left: .2rem;}
.course-contanier .course-list .course-info{position: relative; height: .8rem; margin-left: 1rem;}
.course-contanier .course-list .course-info .title{padding-top: .07rem;}
.course-contanier .course-list .course-info .detail{padding-top: .07rem;}
.course-contanier .course-list li.wanmei-item .course-inner{border-width: 4px;}
.course-contanier .course-list li.wanmei-item:active{background: rgba(0,0,0,0);}
.course-contanier .course-list li.wanmei-item .red-line-btn{width: .8rem; height: .24rem; line-height: .24rem; border-radius: 2px; border: solid 1px rgba(231,76,59,.5); font-size: .12rem; color: #e74c3b; text-align: center;}
.course-contanier .course-list li.wanmei-item .course-info .title{padding-top: .05rem;}
.course-contanier .course-list li.wanmei-item .course-info .detail{padding-top: 0; position: absolute; bottom: 0; left: 0;}
.customer-layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000;}
.customer-box{position: fixed; top: 50%; transform: translateY(-50%); width: 100%; text-align: center;}
.customer-box .customer-con{padding: 0 .2rem; border-radius: 2px;}
.customer-box .customer-inner{background-color: #fff; padding-bottom: .3rem; position: relative;}
.customer-box .customer-inner h3{font-size: .2rem; font-weight: 600; line-height: 1.44; padding-top: .36rem;}
.customer-box .customer-inner img{width: 1.3rem; padding: .2rem 0;}
.customer-box .customer-inner p{font-size: .12rem; color: #262626;}
.customer-box .customer-inner .close{background: url(//cs.vmovier.com/Uploads/Activity/2017-04-14/58f08e845c91b.png) no-repeat; background-size: cover; width: .2rem; height: .2rem; position: absolute; right: .1rem; top: .1rem;}

.course-contanier-v2 .course-top{position: relative;}
.course-contanier-v2 .course-top .cover-link{position: absolute; width: 1.3rem; height: .72rem; top: 0; left: 0; overflow: hidden;}
.course-contanier-v2 .course-top .cover-link img{width: 100%;}
.course-contanier-v2 .course-top .course-con{height: .72rem; margin-left: 1.4rem; overflow: hidden;}
.course-contanier-v2 .course-top .course-con .subject-name{font-size: .14rem; font-weight: 500; color: #333; line-height: 1.4;}
.course-contanier-v2 .course-top .course-con .supplier{font-size: 0; font-weight: 300; line-height: 1.5; color: #999; padding-top: 2px;}
.course-contanier-v2 .course-top .course-con .supplier span{display: inline-block; font-size: .12rem; margin-right: 10px; }
.course-contanier-v2 .course-top .course-con .info{position: absolute; bottom: 0; font-size: 0;}
.course-contanier-v2 .course-top .course-con .info span{display: inline-block; vertical-align: middle; font-size: .12rem; font-weight: 300; line-height: 1.5; color: #333;}
.course-contanier-v2 .course-top .course-con .info .i-icon{margin: 0 .04rem;}
.course-contanier-v2 .section-title{padding-bottom: 0;}
.course-contanier-v2 .course-list{padding: 0 .2rem;}
.course-contanier-v2 .course-list li{padding: .2rem 0; border-bottom: 1px solid #f0f0f0;}
.course-contanier-v2 .course-list li:last-child{border-bottom: none;}
.course-contanier .notice{font-size: .12rem; font-weight: 300; line-height: 1.5; text-align: justify; color: #999; padding-top: .12rem;}


/* 我的订单 */
.order-mine{padding: .47rem 0 0; background-color: #f7f7f7;}
.order-mine .title{padding-top: .12rem;}
.order-mine .goods-count{display: inline-block; vertical-align: middle;}
.order-mine .order-arrow{display: inline-block; vertical-align: middle; width: .09rem; height: .05rem; background: url(//oss-xpc0.xpccdn.com/Upload/boss/2018/01/255a69b4270efd2.png) no-repeat; background-size: cover; margin-left: .05rem;}
.order-mine .section-title{font-size: 20px; font-weight: 600; color: #333; padding: .24rem .2rem .18rem; display: block; position: relative; background-color: #fff;}
.order-mine .section-title .recovery-buy{font-size: .14rem; color: #e74b3b; font-style: normal; position: absolute; right: .2rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.order-mine .section-title .apply-invoice{float: right;font-size: 0.14rem;margin-top: 0.06rem;}

.order-mine .order-item{position: relative; /*padding: .19rem 0 .16rem; */border-bottom: 1px so.order-itemd rgba(240,240,240,.5); margin-top: .1rem; background-color: #fff; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding: 20px;}
.order-mine .order-item:last-child{border-bottom: none; padding-bottom: 0;}
.order-mine .to-end{margin: 0; background-color: #fff;}
.order-mine .order-info{padding: .1rem 0 .16rem;}
.order-mine .sub-order-list{padding: 0; height: 0; overflow: hidden;}
.order-mine .order-item.show .sub-order-list{padding-top: .2rem; height: auto; border-top: 1px solid #f0f0f0;}
.order-mine .order-item.show .order-arrow{transform: rotate(180deg); transform-origin: center;}
.order-mine .order-bottom{padding: .16rem 0 0; border-top: 1px solid #f0f0f0;}
.order-mine .sub-order-list .sub-order-item{padding: 0 0 .2rem; border-bottom: none;}
.order-mine .sub-order-list .sub-order-item .sub-order-title{width: 2rem;}
.order-mine .sub-order-list .sub-order-item.ajax-more{border-top: 1px solid #f0f0f0; line-height: 37px; text-align: center;}
.order-mine .sub-order-list .sub-order-item.ajax-more{padding-bottom: 0;}
.order-mine .sub-order-list .sub-order-item .sub-order-price .original-price{margin-right: .06rem; text-decoration: line-through;}
.order-mine .order-bottom .total-price{font-weight: 500;; color: #e74b3b;}

.order-mine .loading{margin: 0; padding: .2rem 0; background-color: #fff;}
.order-mine .order-payinfo .status{position: absolute; right: 20px; font-size: .12rem; color: #333;}
.order-mine .order-payinfo .status.over{color: #ccc;}
.order-mine .order-payinfo .status.to-pay{width: .4rem; height: .2rem; line-height: .2rem; border: 1px solid rgba(231,75,59,.5); border-radius: 2px; text-align: center; color: #e74c3b; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out;}
.order-mine .order-payinfo .status.to-pay:active{background-color: #e74b3b; color: #fff!important;}
/* 我的优惠券 */
.coupon-contanier li{position: relative; margin-top: .2rem; padding: 0; background-color: #fff;}
.coupon-contanier .coupon-con{position: absolute; width: 1.08rem; height: 1.04rem; top: 0; left: 0; background: url(//cs.vmovier.com/Uploads/Activity/2017-08-25/599f976f68efc.png) no-repeat; background-size: cover;}
.coupon-contanier .coupon-con img{width: 1.08rem; height: 1.04rem;}
.coupon-contanier .coupon-list li.overdue:after{content: ""; position: absolute; width: .5rem; height: .5rem; background: url("//cs.vmovier.com/Uploads/Activity/2017-08-23/599d187569b1e.png") no-repeat; background-size: cover; right: .1rem; bottom: .1rem;}
.coupon-contanier .coupon-list li.used:after{content: ""; position: absolute; width: .5rem; height: .5rem; background: url("//cs.vmovier.com/Uploads/Activity/2017-09-13/59b8a4f6bcac4.png") no-repeat; background-size: cover; right: .1rem; bottom: .1rem;}
.coupon-contanier li.gray .coupon-con{background-image: url(//cs.vmovier.com/Uploads/Activity/2017-08-25/59a013ee33e0c.png);}
.coupon-contanier li.gray .coupon-info .name, .coupon-contanier li.gray .coupon-info .date{color: #999;}
.coupon-contanier li.gray .coupon-con .coupon-rule .limit{color: #fff;}
.coupon-contanier .coupon-con .coupon-rule{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); text-align: center;}
.coupon-contanier .coupon-con .coupon-rule em{font-style: normal; padding-left: .05rem;}
.coupon-contanier .coupon-con .coupon-rule .limit{display: block; color: #EAA59A;}
.coupon-contanier .coupon-info{height: .94rem; margin-left: 1.28rem; padding: .12rem .33rem 0 0; position: relative;}
.coupon-contanier .coupon-info .type{margin: .08rem 0 .06rem;}
.coupon-contanier .coupon-info .date{position: absolute; bottom: .08rem; left: 0;}
.course-transfer-wrap{position: fixed; background-color: #ffb456; width: 100%; height: .4rem; top: .47rem;z-index: 100;}
.course-transfer-wrap .course-transfer-content{font-size: .12rem; line-height: .4rem; color: #fff; padding: 0 .1rem;}
.course-transfer-wrap .course-transfer-close{position: absolute; width: .11rem; height: .11rem; right: .09rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url('//cs.vmovier.com/Uploads/Activity/2017-10-19/59e8658b34128.png') no-repeat; background-size: cover;}