.headBar {
  padding-top: 1.88rem;
  padding-bottom: 0.7rem;
}

.headBar.app {
  padding-top: 2.94rem;
}

.headBar.app .appDownBar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

.headBar.app header {
  top: 1.04rem;
}

header {
  height: 1.88rem;
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  right: 0;
  left: 0;
  z-index: 99;
}

.head {
  display: flex;
  justify-content: space-between;
  padding: .34rem .28rem .3rem;
  background: #fff;
  position: relative;
}

.head .logo {
  width: 3.08rem;
  height: .4rem;
  background: url(../images/home/logo.png) no-repeat;
  background-size: contain;
}

.head .center {
  font-size: .26rem;
  color: #1A1A1A;
  line-height: .5rem;
}

.head .center::before {
  width: .48rem;
  height: .48rem;
  background: url(../images/home/centerIcon.svg) no-repeat;
  display: inline-block;
  vertical-align: middle;
  content: '';
  background-size: cover;
}

.xwLive {
  position: relative;
  height: 0.72rem;
  padding: 0 .28rem;
  box-sizing: border-box;
  overflow: hidden;
}

.xwLive .swiper-container {
  height: .72rem;
  display: flex;
  align-items: center;
}

.xwLive .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.xwLive #picleft {
  color: #e62129;
}

.xwLive a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .28rem;
  font-weight: 500;
  color: #1a1a1a;
  /* line-height: .4rem; */
}

/* .xwLive a:last-child {
  margin-top: .08rem;
} */

.xwLive #right_a {
  width: 1.52rem;
  height: 0.52rem;
  background: #e62129;
  border-radius: 0.3rem;
  text-align: center;
  line-height: 0.52rem;
  color: #fff;
  position: absolute;
  right: 0;
}

#xw_warper {
  font-weight: 500;
  font-family: PingFangSC-Medium, PingFang SC;
  padding-right: 1.8rem;
}

.xwLive .tag {
  color: #e62129;
  display: inline-block;
  font-size: .26rem;
  font-weight: bold;
  color: #e62129;
  margin-right: .1rem;
}

#tag_span {
  font-size: .26rem;
  font-weight: 500;
  color: #1A1A1A;
}

nav {
  height: .84rem;
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  padding-left: .28rem;
  font-size: 0;
  border: 1px solid #e9e9e9;
  border-width: 1px 0;
}

.navLink {
  white-space: nowrap;
  display: inline-block;
  color: #999;
  text-decoration: none;
  font-size: .28rem;
  line-height: .82rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  margin-right: .56rem;
  position: relative;
}

.navLink:last-child {
  margin-right: 0;
}

.navLink.active {
  color: #e62129;
  font-size: .32rem;
}

.navLink.active::after {
  content: '';
  width: .32rem;
  height: .05rem;
  background: rgba(24, 115, 187, 1);
  border-radius: .03rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -.16rem;
}

nav::-webkit-scrollbar,
.nav::-webkit-scrollbar {
  display: none;
}

.nav::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.swiper-poster {
  height: 3.2rem;
  position: relative;
}

.swiper-poster .swiper-slide {
  height: 3.2rem;
}

.swiper-poster img {
  width: 100%;
}

.poster {
  height: 3.2rem;
  overflow: hidden;
}

.poster img {
  max-width: 100%;
}

.projectItem {
  display: flex;
  justify-content: space-between;
}

.projectItem .item {
  width: 3.34rem;
  height: 1.4rem;
  background: #fff;
  box-shadow: 0px .04rem .36rem rgba(230, 229, 236, 1);
  border-radius: .06rem;
  padding: .3rem .2rem;
}

.projectItem .caption {
  font-size: .32rem;
  color: #1A1A1A;
  line-height: .44rem;
  margin-bottom: .05rem;
}

.projectItem .text {
  font-size: .22rem;
  color: #757B99;
  line-height: .32rem;
  white-space: nowrap;
}

.projectItem .item::before {
  width: .7rem;
  height: .7rem;
  float: left;
  vertical-align: middle;
  content: '';
  background-size: cover;
  margin-right: .12rem;
  margin-top: .05rem;
}

.projectItem .item:first-child:before {
  background-image: url(../images/home/svg1.svg);
}

.projectItem .item:last-child:before {
  background-image: url(../images/home/svg2.svg);
}

.titleBar {
  position: relative;
  margin-top: .56rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: .24rem;
}

.titleBar:first-child {
  margin-top: 0;
}

.titleBar h3 {
  font-size: .36rem;
  color: #1A1A1A;
  font-weight: bold;
  line-height: .5rem;
}

.titleBar .more {
  font-size: .26rem;
  color: #666;
  display: block;
  line-height: .5rem;
}

/* .titleBar .more::after {
    width: .14rem;
    height: .24rem;
    content: '';
    background-image: url(../images/home/arrow.svg) ;
    background-size: cover;
    margin-right: .08rem;
    display: inline-block;
    margin-left: .08rem;
} */

.classPanel.hPanel {
  padding: .28rem 0 0;
}

.classPanel .titleBar {
  padding: 0 .28rem
}

.hPanel .courseList {
  padding: 0;
  margin: 0;
  border-bottom: 0;
}

.courseList li {
  margin-bottom: .36rem;
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: .36rem;
}

.courseList li a {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.courseList li .cover {
  width: 2.96rem;
  height: 1.86rem;
  border-radius: .06rem;
  margin-right: .28rem;
  position: relative;
}

.cover_ing {
  color: #FFFFFF;
  position: absolute;
  width: 0.84rem;
  height: 0.28rem;
  background: #e62129;
  font-size: 0.2rem;
  border-radius: 0.08rem 0px 0.08rem 0px;
  text-align: center;
  line-height: 0.28rem;
}

.courseList li .cover img {
  width: 2.96rem;
  height: 1.86rem;
  border-radius: .06rem;
}

.courseList li .layer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: .36rem;
  background: rgba(0, 0, 0, .2);
  border-radius: 0 0 .06rem .06rem;
  padding: 0 .1rem;
}

.courseList li .layer p {
  font-size: .18rem;
  color: #fff;
}

.courseList li .layer p::before {
  width: 0.2rem;
  height: 0.2rem;
  content: '';
  background-image: url(../images/home/playBtn.png);
  background-size: cover;
  margin-right: .04rem;
  display: inline-block;
  vertical-align: middle;
}

.tList li .state,
.audioTile .cover .new {
  color: #fff;
  position: absolute;
  top: -.02rem;
  right: -.05rem;
  line-height: .28rem;
  background: #FF4F33;
  border-radius: 0 .08rem;
  padding: 0 .05rem;
  font-size: .18rem;
  transform: scale(0.83333333);
}

.tList li .state p {
  font-size: .2rem;
  color: #fff;
}

.audioList .new {
  color: #fff;
  position: absolute;
  top: -.02rem;
  right: -.05rem;
  line-height: .28rem;
  background: #FF4F33;
  border-radius: 0 .08rem;
  padding: 0 .05rem;
  font-size: .18rem;
  transform: scale(0.83333333);
}

.courseList.audioList li .state {
  top: auto;
  bottom: .1rem;
  right: .1rem;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  transform: scale(1);
  line-height: .32rem;
  padding: 0 .1rem;
  border-radius: .04rem;
}

.courseList li .box {
  width: 3.6rem;
  position: relative;
  height: 1.86rem;
}

.courseList li .view {
  font-size: .24rem;
  color: #999;
  margin: .12rem 0;
}

.courseList li .caption {
  font-size: .3rem;
  color: #1A1A1A;
  line-height: .42rem;
  height: .84rem;
  overflow: hidden;
}

.courseList li .txt {
  font-size: .26rem;
  line-height: .36rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.courseList li .tagBox {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.courseList li .ctrl {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
}

.courseList li .ctrl .tag {
  font-size: .24rem;
  color: #757B99;
}

.courseList li .ctrl .view {
  font-size: .24rem;
  color: #BCC0CF;
}

.courseList li .tagBox p {
  line-height: .3rem;
  margin-top: .08rem;
}

.courseList li .tagBox .price {
  font-size: .26rem;
  color: #FFAB2D;
  margin-right: .16rem;
  display: none
}

.courseList li .tagBox .price::before {
  font-size: .26rem;
  color: #FFAB2D;
  content: '¥';
}

.courseList li .tagBox .look {
  font-size: .22rem;
  color: #FF1200;
}

.yxOnline.courseList {
  padding: 0 .28rem;
  background-color: #fff;
}

.yxOnline li .cover,
.yxOnline li .cover img {
  width: 2.28rem;
  height: 1.88rem;
}

.yxOnline li .cover .info {
  position: absolute;
  bottom: .1rem;
  right: .1rem;
  background: rgba(0, 0, 0, .7);
  width: 1rem;
  line-height: .32rem;
  text-align: center;
  color: #fff;
  font-size: .2rem;
}

.yxOnline li .box {
  width: 4.5rem;
}

.yxOnline li .num {
  font-size: .24rem;
  color: #999;
  position: absolute;
  bottom: 0;
  left: 0;
}

.yxOnline li .caption {
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.yxOnline li .txt {
  color: #666;
}

.yxOnline .recommend {
  background: #F7F7F7;
  padding: .2rem;
  margin-top: .32rem;
}

.yxOnline .recommend h3 {
  font-size: .26rem;
  color: #000;
  font-weight: bold;
  margin-bottom: .12rem;
  line-height: .3rem;
}

.yxOnline .recommend h3::before {
  width: .3rem;
  height: .3rem;
  content: '';
  background: url(../images/resIcon.png) no-repeat;
  background-size: cover;
  margin-right: .1rem;
  vertical-align: bottom;
  display: inline-block;
}

.yxOnline .recommend p {
  font-size: .26rem;
  color: #666;
  line-height: .36rem;
}

.yxOnline li:last-child {
  border-bottom: 0 none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.xwPanel .yxOnline {
  padding: .28rem;
}

.contentCover {
  padding-bottom: 1.2rem;
  margin-top: .2rem;
}

.contentCover img {
  max-width: 100%;
}

.form-contain .mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 8;
}

.form-contain .main {
  width: 100%;
  height: 6.5rem;
  background-color: #fff;
  position: fixed;
  z-index: 1000;
  left: 0;
  padding-bottom: 0.4rem;
  font-size: 0;
  bottom: -100%;
  min-height: inherit;
}

.form-contain .main .tit {
  height: 1rem;
  line-height: 1rem;
  border-bottom: 1px solid #E3E5EC;
  color: #757B99;
  font-size: 0.32rem;
  text-align: center;
}

.form-contain .main .form {
  position: static;
  margin-top: 0;
}

.form-contain .main .submit {
  text-align: center;
}

.form-contain .main .item:first-child {
  margin-top: 0.4rem;
}

.form-contain .main .btn-close {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0;
  right: 0;
}

.form-contain .main .btn-close img {
  width: 0.44rem;
  height: 0.44rem;
  transform: rotate(-45deg);
  margin: 0.28rem auto;
  display: block;
}

.bottomFixed {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 1.12rem;
  line-height: 1.12rem;
  background: #fff;
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: 99;
  text-align: center;
}

.bottomFixed .classPrice {
  font-size: .32rem;
  color: #1a1a1a;
  padding: 0 .28rem;
}

.bottomFixed .price {
  color: #e62129;
}

.bottomFixed a {
  font-size: 0.32rem;
  line-height: 1.12rem;
  color: #1a1a1a;
  flex: 1;
}

.bottomFixed i {
  width: .38rem;
  height: .38rem;
  display: inline-block;
  vertical-align: middle;
  background: url('../images/yx/sprites2.png') no-repeat -.38rem 0;
  background-size: cover;
  margin-right: .12rem;
}

.bottomFixed .btn {
  text-align: center;
  color: #fff;
  background: #e62129;
  font-size: .32rem;
  flex: 1.5;
}

.tList li .cover,
.tList li .cover img {
  width: 1.6rem;
  height: 2rem;
}

.tList li .box {
  width: 5.2rem;
  height: 2rem;
}

.tList li .caption {
  height: auto;
}

.tList li {
  padding: .34rem 0;
  margin-bottom: 0;
  border-bottom: 1px solid #F1F1F1;
}


.homeList {
  font-size: 0;
}

.homeList li {
  width: 3.36rem;
  height: 4.12rem;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  box-shadow: 0px 0.04rem 0.36rem rgba(230, 229, 236, .6);
}

.homeList li:first-child {
  margin: 0 .22rem .22rem 0;
}

.homeList li:nth-child(3) {
  margin-right: .22rem;
}

.homeList li img {
  width: 3.36rem;
  height: 1.92rem;
}

.homeList li .caption {
  font-size: .28rem;
  color: #1A1A1A;
  line-height: .4rem;
  height: .8rem;
  overflow: hidden;
  margin: 0 0 .08rem;
}

.homeList li .box {
  padding: .14rem;
}

.homeList li .cover {
  position: relative;
  border-radius: .06rem .06rem 0px 0px;
  overflow: hidden;
  height: 1.92rem;
}

.homeList li .layer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: .36rem;
  background: rgba(0, 0, 0, .2);
  border-radius: 0 0 .06rem .06rem;
  padding: 0 .1rem;
}

.homeList li .layer p {
  font-size: .18rem;
  color: #fff;
}

.homeList li .layer p::before {
  width: 0.2rem;
  height: 0.2rem;
  content: '';
  background-image: url(../images/home/playBtn.png);
  background-size: cover;
  margin-right: .04rem;
  display: inline-block;
  vertical-align: middle;
}

.homeList li .view {
  font-size: .24rem;
  color: #757B99;
  line-height: .34rem;
}



.clickMore {
  line-height: .8rem;
  text-align: center;
  font-size: .28rem;
  display: block;
  color: #BCC0CF;
}



/* 了解国研 */
.videoBox {
  padding-bottom: .28rem;
  font-size: 0;
}

.videoBox .cover {
  width: 100%;
  height: 3.9rem;
  position: relative;
}

.videoBox .cover::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  right: 0;
  bottom: 0;
  content: '';
  background: rgba(000, 000, 000, .15);
  border-radius: .06rem;
}

.videoBox img {
  width: 100%;
  height: 3.9rem;
  border-radius: .06rem;
}

.videoBox .info {
  display: flex;
  padding: .26rem 0;
  ;
  justify-content: space-between;
}

.videoBox .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: .88rem;
  height: .88rem;
  font-size: .88rem;
  margin: -.44rem 0 0 -.44rem;
  z-index: 2;
  color: #fff;
  z-index: 23;
}

.videoBox .caption {
  font-size: .32rem;
  color: #1A1A1A;
  line-height: .44rem;
}

.masterBox .videoBox .info .caption {
  margin-right: 25%;
}

.videoBox .num {
  font-size: .26rem;
  color: #757B99;
  line-height: .44rem;
}

.masterBox .videoBox .info {
  display: block;
  position: relative;
}

.masterBox .videoBox .num {
  position: absolute;
  top: .28rem;
  right: 0rem;
}

.masterBox .text {
  font-size: .26rem;
  color: #757B99;
  line-height: .36rem;
  margin-top: .12rem;
}


/* 在线学位班 */
.classBox {
  margin: -0.24rem 0 .28rem 0;
  background: #fff;
  box-shadow: 0px 0.04rem .2rem rgba(230, 229, 236, 0.6);
  position: relative;
}

.classBox .cover {
  width: 100%;
  height: 3.24rem;
}

.classBox img {
  width: 100%;
  height: 3.24rem;
  border-radius: .06rem .06rem 0 0;
}

.classBox .box {
  padding: .28rem .22rem;
}

.classBox .logo1 {
  float: left;
  width: 1.6rem;
  height: .8rem;
  margin-right: .18rem;
}

.classBox .caption {
  font-size: .3rem;
  color: #1A1A1A;
  font-weight: bold;
  line-height: .42rem;
}

.classBox .text {

  font-size: .26rem;
  color: #1A1A1A;
  line-height: .36rem;
}

.classBox .num {
  font-size: .24rem;
  color: #e62129;
  line-height: .34rem;
}

.classBox .ctrl {
  display: flex;
  justify-content: space-between;
}

.classBox .total {
  font-size: .24rem;
  color: #1A1A1A;
  line-height: .34rem;
}

.classBox .tagBox {
  margin: .18rem 0 0;
}

.classBox .price {
  margin: .18rem 0 0;
  font-size: .26rem;
}

.classBox .price span {
  margin-right: 1rem;
    white-space: nowrap;
}
.classBox .price span:last-child {
    margin-right:0;
}
.classBox .price span em {
  color: #e62129;
  font-weight: 600;
}

.newsPlane {
  padding: .28rem;
  background: #fff;
  position: relative;
}

.newsPlane .caption {
  font-size: .36rem;
  color: #1A1A1A;
  line-height: .5rem;
  font-weight: bold;
}

.newsTile {
  padding: .12rem 0 0;
}

.newsTile span {
  font-size: .24rem;
  color: #757B99;
  margin-right: .4rem;
}

.newsPlane .box {
  padding-top: .48rem;
  position: relative;
  overflow: hidden;
}

.newsPlane .box video {
  width: 100%;
  height: auto;
}

.newsPlane .text,
.newsPlane p {
  font-size: .28rem;
  color: #1A1A1A;
  line-height: .56rem;
  margin-bottom: .12rem;
  text-align: justify;
}

.newsPlane p strong {
  font-weight: bold;
}

.newsPlane p em {
  font-style: italic;
}

.newsPlane p s {
  text-decoration: line-through;
}

.newsPlane img {
  max-width: 100%;
  margin-bottom: .28rem;
}

.newRecommend {
  margin-top: .2rem;
  background: #fff;
  padding: .28rem;
}

.newRecommend h3 {
  font-size: 0.36rem;
  color: #1a1a1a;
  font-weight: bold;
  margin-bottom: .28rem;
}

.unfoldField {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.unfoldBox {
  padding: .28rem;
  background: #fff;
}

.unfoldBox .mask {
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  height: 1rem;
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0, #FFFFFF 100%);
}

.unfoldBox .text {
  color: #e62129;
  position: relative;
  font-size: .24rem;
}

.unfoldBox .text::after {
  width: .16rem;
  height: .16rem;
  border: .02rem solid #e62129;
  border-width: .02rem .02rem 0 0;
  transform: rotate(135deg);
  content: '';
  display: inline-block;
  margin-left: .1rem;
  vertical-align: .05rem;
}



.yxCover img {
  width: 6.94rem;
  height: 2.4rem;
  border-radius: .06rem;
  margin-bottom: 0.2rem;
}

.yxCover a:last-child img {
  margin: 0;
}

.classLists {
  box-shadow: 0px 0.04rem .2rem rgba(230, 229, 236, 0.6);
  border-radius: .06rem;
  background: #fff;
  margin: .3rem .28rem .56rem;
  overflow: hidden;
}

.classLists img {
  width: 100%;
}

.classLists .title {
  font-size: 0.26rem;
  color: #666;
  line-height: .36rem;
  padding: .28rem 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 .26rem;
}


/**********************************************************
    迭代 V2.0
***************************************/
.xwDt {
  position: relative;
  height: 1.52rem;
  padding: .28rem;
  background: #fff;
  padding-left: 1.24rem;
  margin-bottom: .2rem;
}

.xwDt::after {
  position: absolute;
  top: .28rem;
  left: .28rem;
  content: '';
  background: url(../images/home/dt.png) no-repeat;
  background-size: contain;
  width: .72rem;
  height: .96rem;
  display: block;
}

.xwDt .swiper-container {
  height: .96rem;
}

.xwDt a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .28rem;
  color: #1a1a1a;
  line-height: .4rem;
}

.xwDt a:last-child {
  margin-top: .08rem;
}

.xwDt .tag {
  width: .76rem;
  border-radius: .04rem;
  background: #e62129;
  display: inline-block;
  font-size: .2rem;
  color: #fff;
  margin-right: .05rem;
  text-align: center;
}

.onlineCover img {
  width: 6.94rem;
  height: 2rem;
  border-radius: .06rem;
  margin-bottom: 0.22rem;
}

.swiper-course1 img {
  height: 2rem;
  width: 100%;
  border-radius: .06rem;
  margin-bottom: .22rem;
}

.changeLink {
  font-size: .24rem;
  color: #999;
  line-height: .4rem;
  margin-top: 0.12rem;
  display: inline-block;
}

.changeLink i {
  color: #e62129;
  font-size: .4rem;
  vertical-align: -.08rem;
  margin-right: .1rem;
}


.listt li {
  margin-bottom: .2rem;
}

.listt li a {
  line-height: .4rem;
  font-size: .28rem;
  color: #1a1a1a;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.listt li i {
  font-size: 0.32rem;
  color: #BCBBBB;
  margin-right: .16rem;
  vertical-align: middle;
}

.picTile:first-child {
  padding-top: 0;
}

.picTile {
  padding: .32rem 0;
  border-bottom: 1px solid #F1F1F1;
}

.picTile a {
  display: flex;
  justify-content: space-between;
}

.picTile .cover,
.picTile .cover img {
  width: 3.24rem;
  height: 2.24rem;
  border-radius: .06rem;
}

.picTile .box {
  width: 3.38rem;
  margin-left: .32rem;
}

.picTile .caption {
  font-size: .32rem;
  color: #1a1a1a;
  line-height: .48rem;
  overflow: hidden;
  height: 1.44rem;
  margin-bottom: .16rem;
}

.picTile p {
  line-height: .34rem;
  overflow: hidden;
  /*white-space: nowrap;*/
  text-overflow: ellipsis;
  font-size: .24rem;
}

.picTile .name {
  color: #1a1a1a;
}

.picTile .type {
  color: #666;
}


.plusBg {
  background: #000;
}

.plusInfo {
  background: url(../images/plus/poster.jpg) no-repeat;
  background-size: cover;
  padding: 1.5rem .28rem;
  position: relative;
}

.plusInfo::after {
  width: .24rem;
  height: .24rem;
  display: block;
  content: '';
  background: url(../images/plus/arrow.png) no-repeat;
  background-size: cover;
  position: absolute;
  bottom: .6rem;
  left: 50%;
  margin-left: -.12rem;
}

.plusInfo .text {
  font-size: .28rem;
  color: #FAEEA8;
  line-height: .5rem;
  text-indent: 2em;
}

.plusPanel {
  margin: 0 .12rem .24rem;
  background: #fff;
}

.plusTit {
  padding: 1rem 0 .6rem;
}

.plusTit .caption {
  font-size: .36rem;
  color: #000;
  line-height: .4rem;
  position: relative;
  text-align: center;
  font-weight: bold;
}

.plusTit.white .caption {
  color: #fff;
}

.plusTit .text {
  font-size: .22rem;
  color: #D4BD88;
  line-height: .3rem;
  margin-top: .15rem;
  text-align: center;
}

.plusTit .caption::after,
.plusTit .caption::before {
  width: 1.16rem;
  height: .37rem;
  display: block;
  content: '';
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: .0rem;

}

.plusTit .caption::after {
  background-image: url(../images/plus/l.png);
  left: 15%;
}

.plusTit .caption::before {
  background-image: url(../images/plus/r.png);
  right: 15%;
}

.plusAdv {
  font-size: 0;
}

.plusAdv li {
  width: 50%;
  display: inline-block;
  text-align: center;
  margin-bottom: .6rem;
  vertical-align: top;
}

.plusAdv li i {
  height: 1rem;
  width: 1rem;
  display: inline-block;
  background: url(../images/plus/sprites.png) no-repeat;
  background-size: cover;
}

.plusAdv li h3 {
  color: #C4A65D;
  font-size: 0.28rem;
  line-height: .36rem;
  font-weight: bold;
  margin-bottom: .12rem;
}

.plusAdv li p {
  color: #000;
  font-size: 0.24rem;
  line-height: .36rem;
}

.plusAdv li .icon2 {
  background-position: -1rem 0;
}

.plusAdv li .icon3 {
  background-position: -2rem 0;
}

.plusAdv li .icon4 {
  background-position: -3rem 0;
}

.plusAdv li .icon5 {
  background-position: -4rem 0;
}

.plusAdv li .icon6 {
  background-position: -5rem 0;
}

.plusCourse {
  background: #E2D2AE;
  text-align: center;
  padding: 1px .16rem;
  margin-bottom: .24rem;
}

.plusCourse h3 {
  display: inline-block;
  padding: 0 .2rem;
  color: #fff;
  background: #000;
  line-height: .56rem;
  font-size: 0.26rem;
  margin: .4rem 0;
}

.pcList li {
  background: #fff;
  border-radius: .1rem;
  overflow: hidden;
  display: flex;
  height: 3.26rem;
  margin-bottom: .24rem;
}

.pcList li .catalog {
  width: 1rem;
  background: #000;
  line-height: 3.26rem;
  padding: 0 .3rem;
}

.pcList li .catalog span {
  color: #fff;
  display: inline-block;
  font-size: .32rem;
  line-height: .36rem;
  vertical-align: middle;
  font-weight: bold;
}

.pcList li .box {
  width: 5.9rem;
  padding: 0 .3rem;
  text-align: left;
}

.pcList li .name {
  color: #000;
  font-size: .28rem;
  line-height: .36rem;
  padding-top: 0.28rem;
  font-weight: bold;
}

.pcList li .text {
  color: #000;
  font-size: .22rem;
  line-height: .36rem;
}

.pcList li dl {
  position: relative;
  margin-top: .2rem;
  padding-top: .2rem;
}

.pcList li dl::before {
  width: 3.8rem;
  height: 0.02rem;
  background: #C4A65D;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}

.pcList li dt {
  color: #C4A65D;
  font-size: .26rem;
  font-weight: bold;
  line-height: .24rem;
  margin-bottom: .2rem;
}

.pcList li dd {
  color: #000;
  font-size: .24rem;
  line-height: .42rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pcList li dd::before {
  content: '•';
  color: #000;
  font-size: .36rem;
  margin-right: .05rem;
  vertical-align: middle
}

.pTeachItem {
  display: flex;
  justify-content: space-between;
  background: #E2D2AE;
  height: 2rem;
  margin: .3rem .3rem 1rem;
}

.pTeachItem:last-child {
  margin-bottom: 0;
}

.pTeachItem .cover {
  width: 1.9rem;
  position: relative;
}

.pTeachItem .cover img {
  width: 1.9rem;
  height: 2.7rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.pTeachItem .box {
  text-align: center;
  width: 3.8rem;
  height: 2rem;
  margin: 0 auto;
}

.pTeachItem .box .tile {
  display: inline-block;
  vertical-align: middle;
}

.pTeachItem h3 {
  color: #000;
  font-size: .28rem;
  font-weight: bold;
  line-height: .36rem;
}

.pTeachItem p {
  color: #000;
  font-size: .22rem;
  line-height: .36rem;
}

.plusBox {
  padding: 0 .28rem .6rem;
}

.plusTable {
  border-collapse: collapse;
}

.plusTable td,
.plusTable th {
  border: 1px solid #666;
  padding: .3rem .2rem;
  font-size: .28rem;
  line-height: .42rem;
  color: #fff;
}

.plusTable th {
  font-size: .32rem;
  color: #E2D2AE;
}

.plusPeople li {
  background: #E2D2AE;
  line-height: .8rem;
  padding: 0 .2rem;
  font-size: .28rem;
  color: #000;
  margin-bottom: .24rem;
}

.plusPeople li .label {
  font-weight: bold;
  display: inline-block;
  margin-right: .2rem;
}

.plusBox .test {
  font-size: .28rem;
  line-height: .36rem;
  color: #fff;
}



.fList li {
  border-bottom: 1px solid #E9E9E9;
  padding: .36rem 0;
}

.fList li:first-child {
  padding-top: 0;
}

.fList li a {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.fList li .cover {
  width: 2.46rem;
  height: 1.54rem;
  border-radius: .06rem;
  position: relative;
}

.fList li .cover img {
  width: 2.46rem;
  height: 1.54rem;
  border-radius: .06rem;
}

.fList li .box {
  width: 4.2rem;
  position: relative;
  height: 1.54rem;
}

.fList li .view {
  font-size: .24rem;
  color: #999;
  float: right;
}

.fList li .caption {
  font-size: .3rem;
  color: #1A1A1A;
  line-height: .42rem;
  height: .84rem;
  overflow: hidden;
  margin-bottom: .3rem;
}

.fList li .txt {
  font-size: .26rem;
  color: #666;
  ;
  line-height: .36rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.view i {
  vertical-align: middle;
  margin-right: .05rem;
}


.pList {
  font-size: 0;
}

.pList li {
  width: 3.36rem;
  vertical-align: top;
  display: inline-block;
  margin-bottom: .28rem;
}

.pList li .cover img {
  width: 3.36rem;
  height: 2.32rem;
  border-radius: .08rem;
}

.pList li .caption {
  font-size: .28rem;
  color: #1A1A1A;
  line-height: .4rem;
  margin-top: .16rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pList li .txt {
  font-size: .28rem;
  color: #999;
  ;
  line-height: .4rem;
}

.pList li:nth-child(2n) {
  margin-left: .22rem;
}

.gallery-top {
  background: #f7f7f7;
}

.gallery-top .swiper-slide {
  position: relative;
  text-align: center;
}

.gallery-top .swiper-slide .cover {
  max-width: 100%;
}

.pic-pagination {
  position: absolute;
  top: .28rem;
  left: auto;
  right: .28rem;
  width: 1.4rem;
  height: .56rem;
  line-height: .56rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: .28rem;
  font-size: .32rem;
  color: #fff;
}

.thumb-list {
  min-height: 2.5rem;
  padding: .28rem;
  background: #fff;
}

.gallery-thumbs {
  padding-top: .36rem;
}

.gallery-thumbs .box {
  width: 6.96rem;
  text-align: justify;
}

.gallery-thumbs h3 {
  font-size: .32rem;
  color: #1A1A1A;
  line-height: .44rem;
  font-weight: bold;
}

.gallery-thumbs p {
  font-size: .28rem;
  color: #1A1A1A;
  line-height: .44rem;
  margin-top: .12rem;
  height: .88rem;
  overflow: hidden;
  position: relative;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
}

.gallery-thumbs p.details {
  height: auto;
  -webkit-line-clamp: inherit;
}

.gallery-thumbs p .gallery-thumbs .box {
  width: 6.96rem;
}

.thumb-pagination {
  top: 0;
  bottom: auto;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.thumb-pagination .swiper-pagination-bullet {
  background: #000;
}

.thumb-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #e62129;
  width: .13rem;
  height: .13rem;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33)
}

.icon-passwordeye {
  vertical-align: middle;
  margin-right: .05rem;
}



/* 订单  */
.bgGray {
  background: #F7F7F7;
}

.oTab {
  display: flex;
  justify-content: space-between;
  padding: 0 .28rem;
  background: #fff;
}

.oTab a {
  font-size: .28rem;
  color: #666;
  line-height: .8rem;
  display: block;
  position: relative;
}

.oTab .active a {
  color: #e62129;
  font-size: .32rem;
}

.oTab .active a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  height: .05rem;
  background: #e62129;
  border-radius: .02rem;
  width: .32rem;
  margin-left: -.16rem;
  content: '';
}

.oItem {
  padding: 0 .28rem;
  margin-top: .2rem;
  background: #fff;
}

.oItem .option,
.oItem .box,
.oItem .ctrl {
  display: flex;
  justify-content: space-between;
}

.oItem .option {
  padding: .3rem 0 0;
}

.oItem .option span {
  font-size: .24rem;
  color: #999;
  line-height: .3rem;
}

.oItem .box {
  padding: .32rem 0;
}

.oItem .box .cover {
  width: 1.6rem;
  height: 2rem;
  overflow: hidden;
}

.oItem .box img {
  width: 1.6rem;
  height: 2rem;
  border-radius: .06rem;
}

.oItem .info {
  width: 5.1rem;
  height: 2rem;
  position: relative;
}

.oItem .tile {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.oItem .tile .test {
  font-size: .24rem;
  color: #999;
  line-height: .3rem;
}

.oItem .info h3 {
  font-size: .32rem;
  color: #1A1A1A;
  line-height: .45rem;
  margin: .05rem 0 .15rem;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oItem .info .introduce {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: .28rem;
  line-height: .42rem;
}

.oItem .info .address {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .28rem;
  line-height: .42rem;
}

.oItem .info .text,
.oItem .state {
  font-size: .24rem;
  color: #666;
  line-height: .3rem;
}

.oItem .total {
  font-size: .24rem;
  color: #999;
  line-height: .3rem;
}

.oItem .price,
.payTotal .price {
  font-size: .32rem;
  color: #e62129;
  line-height: .3rem;
}

.oItem .price::before,
.payTotal .price::before {
  content: '¥';
  color: #e62129;
}

.oItem .state.paying {
  color: #FF4F33;
  line-height: .48rem;
}

.oItem .ctrl {
  padding: .18rem 0;
  border-top: 1px solid #E3E5EC;
}

.oItem .action a {
  border: 1px solid #ccc;
  line-height: .48rem;
  display: inline-block;
  padding: 0 .3rem;
  border-radius: .24rem;
  color: #666;
  font-size: .26rem;
}

.oItem .action a.btn {
  border-color: #e62129;
  color: #e62129;
}


.Tips404 {
  padding: 1rem 0;
  text-align: center;
}

.Tips404 .img {
  width: 2.54rem;
  height: 1.56rem;
}

.Tips404 p {
  font-size: 0.26rem;
  color: #666;
  margin-top: .2rem;
}


.payInfo {
  background: #fff;
  line-height: .8rem;
  padding: 0 .28rem;
  margin-top: 0.2rem;
}

.payInfo .name {
  font-size: .26rem;
  color: #1a1a1a;
}

.payInfo .phone {
  font-size: .26rem;
  color: #666;
}


.payTile {
  background: #fff;
  padding: .3rem .28rem;
  margin-top: .2rem;
}

.payTile dt {
  font-size: 0.28rem;
  color: #1a1a1a;
  margin-bottom: .1rem;
}

.payTile dd {
  padding: .2rem 0;
  position: relative;
  font-size: 0.24rem;
  color: #1a1a1a;
  cursor: pointer;
}

.payTile img {
  margin-right: .2rem;
  width: .42rem;
}

.payTile dd::after {
  position: absolute;
  top: .2rem;
  right: 0;
  background: url(../images/sprites1.png) no-repeat -.48rem 0;
  background-size: cover;
  width: .38rem;
  height: .38rem;
  display: block;
  content: '';
}

.payTile dd.active::after {
  background-position: 0 0;
  position: absolute;
  top: .2rem;
  right: 0;
}

.agreement {
  padding: .36rem .28rem;
}

.agreement .check {
  margin-bottom: .24rem;
  font-size: 0.24rem;
  color: #1a1a1a;
}

.agreement .check a {
  text-decoration: underline;
  color: #e62129;
}

.agreement .check:before {
  background: url(../images/check.png) no-repeat -.34rem 0;
  background-size: cover;
  width: .24rem;
  height: .24rem;
  display: inline-block;
  content: '';
  margin-right: 0.06rem;
  vertical-align: text-top;
}

.agreement .check.on:before {
  background-position: 0 0;
}

.agreement .text {
  font-size: 0.22rem;
  color: #666;
  margin-left: .3rem;
}

.payTotal {
  position: fixed;
  left: 0;
  width: 100%;
  display: flex;
  padding: .2rem .28rem;
  justify-content: space-between;
  bottom: 0;
  background: #fff;
  height: 1rem;
}

.payTotal p {
  font-size: .24rem;
  color: #666;
  line-height: .6rem;
}

.payTotal .submit {
  font-size: .28rem;
  color: #fff;
  line-height: .6rem;
  border-radius: .6rem;
  background: #e62129;
  display: inline-block;
  padding: 0 .36rem;
  cursor: pointer;
  border: 0 none;
}


/* 
.memberWrap .winBar{
    background: none; 
}
.memberWrap .winBar h3{
    color:#fff; 
}
.memberWrap .winBar .winNotice{
    color: #fff;
} */
.myPanel {
  padding: 0 .28rem;
  background: #fff;
}

.myTile {
  display: flex;
  justify-content: space-between;
  padding: .3rem 0 .4rem;
}

.myTile .avatar {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  margin-right: .2rem;
}

.myTile .box {
  flex: 1;
  padding-top: .12rem;
  position: relative;
}

.myTile h3 {
  font-size: .4rem;
  color: #1a1a1a;
  line-height: .56rem;
  margin-bottom: .06rem;
}

.myTile h3 a {
  color: #1a1a1a;
}

.myTile p {
  font-size: .26rem;
  color: #1a1a1a;
  line-height: .36rem;
}

.myTile .btn {
  border: 0 none;
  background: #fff;
  border-radius: .6rem;
  line-height: .6rem;
  padding: 0 .3rem;
  position: absolute;
  right: 0;
  top: .25rem;
  font-size: .26rem;
  color: #363A52;
}

.memberTile {
  display: flex;
  justify-content: space-between;
}

.memberTile .tile {
  width: 3.38rem;
  height: 1.68rem;
  background: #F4CA3A;
  border-radius: .12rem;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: .42rem .22rem;
}

.memberTile .tile::after {
  border: .04rem solid #1A1A1A;
  border-width: .04rem .04rem 0 0;
  content: '';
  transform: rotate(45deg);
  width: .14rem;
  height: .14rem;
  position: absolute;
  top: .72rem;
  right: .2rem;
}

.memberTile .tile.b {
  background-image: url(../images/home/member_bg1.png);
}

.memberTile .tile.p {
  background-image: url(../images/home/member_bg2.png);
}

.memberTile .tile.n {
  background-image: url(../images/home/member_bg3.png);
}

.memberTile p {
  color: #1A1A1A;
}

.memberTile .p p {
  color: #5E3B20;
}

.memberTile .p::after {
  border-color: #5E3B20;
}

.memberTile .b p,
.memberTile .n p {
  color: #F3D8AF;
}

.memberTile .b::after,
.memberTile .n::after {
  border-color: #F3D8AF;
}

.memberTile .title {
  font-size: .3rem;
  line-height: .42rem;
  margin-bottom: .06rem;
  font-weight: 500;
}

.memberTile .time {
  font-size: .24rem;
  opacity: .8;
}

.mTag {
  height: .32rem;
  width: 1.42rem;
  background: url(../images/home/p.png) no-repeat;
  background-size: contain;
  font-size: .2rem;
  color: #a36a25;
  padding-right: .15rem;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  line-height: .38rem;
}

.mTag.b {
  background-image: url(../images/home/b.png);
  color: #0F0F0F
}

.mTag.p {
  background-image: url(../images/home/p.png);
  color: #a36a25;
}

.b .memberTile p {
  color: #F0D7B9;
}

.myMenu {
  background: #fff;
}

.myMenu li a {
  display: block;
  position: relative;
  line-height: 1.1rem;
  font-size: .32rem;
  color: #1A1A1A;
  border-bottom: 1px solid #E9E9E9;
  padding: 0 .3rem;
}

.myMenu li:last-child a {
  border: 0;
}

.myMenu li i {
  font-size: .5rem;
  margin-right: .2rem;
  vertical-align: middle;
}

.myMenu li .tips {
  font-size: .28rem;
  color: #999;
  position: absolute;
  top: 0;
  right: .7rem;
}

.myMenu li a::after,
.myItem.arrow::after {
  border: 1px solid #ccc;
  border-width: 2px 2px 0 0;
  content: '';
  position: absolute;
  top: .4rem;
  right: .34rem;
  width: .16rem;
  height: .16rem;
  transform: rotate(45deg);
}

.signOut {
  background: #fff;
  border: 0 none;
  margin: .4rem 0;
  line-height: 1.1rem;
  text-align: center;
  font-size: .32rem;
  display: block;
  width: 100%;
  color: #F95359;
}

.myItem {
  display: flex;
  justify-content: space-between;
  background: #fff;
  border-bottom: 1px solid #E9E9E9;
  padding: 0 .28rem;
  line-height: 1.1rem;
  position: relative;
}

.myInfo .myItem {
  padding: 0 .56rem 0 .28rem;
}

.myInfo .myItem:last-child,
.myPw .myItem:last-child {
  border: 0;
}

.myItem .label {
  font-size: .32rem;
  color: #1a1a1a;
  ;
}

.myItem .box {
  font-size: .32rem;
  color: #1a1a1a;
  ;
  position: relative;
}

.myItem .avatar {
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  margin-top: .16rem;
}

.myItem .file {
  width: .8rem;
  height: .8rem;
  position: absolute;
  ;
  top: .16rem;
  left: 0;
  z-index: 2;
  opacity: 0;
}

.myItem .input {
  line-height: 1.1rem;
  border: 0 none;
  background: none;
  font-size: .32rem;
  color: #1a1a1a;
  ;
  text-align: right
}

.winBar .btn {
  font-size: 0.3rem;
  color: #e62129;
  position: absolute;
  right: .28rem;
  top: 0rem;
  z-index: 9;
  cursor: pointer;
}


.helpTile {
  background: #fff;
  padding: .28rem;
}

.helpTile h3.title {
  margin: .2rem 0 .6rem;
  font-size: .36rem;
  color: #000;
}

.helpTile .title {
  font-size: .32rem;
  color: #333;
  line-height: .5rem;
  margin-bottom: .1rem;
  font-weight: bold;
}

.helpTile .text {
  font-size: .28rem;
  color: #666;
  line-height: .4rem;
  margin-bottom: .2rem;
  text-align: justify
}

.helpTile .text~.title {
  margin-top: .4rem;
}

.hPanel {
  background: #fff;
  margin-bottom: .2rem;
  padding: .28rem;
}

.swiper-audio .swiper-slide {
  display: flex;
  justify-content: space-between;
}

.audioTile {
  width: 2.06rem;
}

.audioTile .cover {
  position: relative;
  height: 2.6rem;
}

.audioTile .cover img {
  width: 2.06rem;
  height: 2.6rem;
  border-radius: .08rem;
}

.audioTile .state {
  position: absolute;
  bottom: .08rem;
  right: .08rem;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  line-height: .32rem;
  padding: 0 .1rem;
  border-radius: .04rem;
  display: block;
  font-size: .2rem;
}

.audioTile p {
  font-size: .26rem;
  color: #000;
  line-height: .36rem;
  margin-top: .2rem;
  height: .72rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.audioTile .name {
  font-size: .26rem;
  color: #000;
  line-height: .36rem;
  margin-top: .2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.audioTile .desc {
  font-size: 0.26rem;
  margin-top: 0.15rem;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}




.line2 {
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
}





.layerShade {
  position: fixed;
  background-color: rgb(0, 0, 0);
  opacity: 0.3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.layerCouponMian {
  position: fixed;
  width: 6.3rem;
  height: 8.2rem;
  top: 16%;
  left: .6rem;
  background: url(../images/coupon0.png) no-repeat;
  background-size: contain;
  z-index: 11;
}

.layerCouponMian .content {
  height: 4.8rem;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: content-box;
  margin: 2.9rem .36rem 0;
  padding: 0 .2rem;
}

.couponList li {
  width: 5.18rem;
  height: 1.48rem;
  background: url(../images/coupon1.png) no-repeat;
  background-size: contain;
  display: flex;
  margin-bottom: .15rem;
}

.couponList li .priceBox {
  text-align: center;
  width: 1.5rem;
}

.couponList li .price {
  font-size: .48rem;
  color: #fff;
  font-weight: bold;
  position: relative;
  margin: .3rem 0 0
}

.couponList li .price::before {
  font-size: .22rem;
  color: #fff;
  content: '¥';
}

.couponList li .text {
  font-size: .2rem;
  color: #fff;
  opacity: .8;
}

.couponList .box {
  width: 3.7rem;
  position: relative;
  padding: .3rem .2rem;
}

.couponList li h3 {
  font-size: .24rem;
  color: #1A1A1A;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.couponList li .time {
  font-size: .2rem;
  color: #999;
  margin-top: .2rem;
}

.couponList li .link1 {
  font-size: .22rem;
  color: #F95359;
  width: .8rem;
  line-height: .4rem;
  border: .01rem solid #F95359;
  border-radius: .2rem;
  position: absolute;
  right: .1rem;
  bottom: .32rem;
  display: block;
  text-align: center;
}

.couponList li .txt {
  font-size: 12px;
  color: #999;
}

.couponList .btn {
  width: .9rem;
  line-height: .4rem;
  background: #fff;
  border-radius: .4rem;
  font-size: .22rem;
  color: #F95359;
  text-align: center;
  display: block;
  cursor: pointer;
  position: absolute;
  top: .7rem;
  left: .2rem;
}




.layerCouponMian .btn {
  width: .53rem;
  height: .53rem;
  background: url(../images/action.png) no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -.8rem;
  left: 50%;
  margin-left: -.26rem;
}

.couponPanel {
  padding: .2rem .28rem;
}

.couponPanel .couponList li {
  width: 6.94rem;
  height: 2.16rem;
  ;
  background-image: url(../images/coupon2.png);
}

.couponPanel .couponList.expire li {
  background-image: url(../images/coupon3.png);
}

.couponPanel .couponList li .priceBox {
  width: 1.9rem;
}

.couponPanel .couponList li .box {
  width: 5.06rem;
  position: relative;
  padding: .2rem .28rem;
}

.couponPanel .couponList li h3 {
  font-size: .3rem;
  margin-bottom: .1rem;
  margin-right: 1rem;
}

.couponPanel .couponList li .price {
  font-size: .58rem;
  margin: .5rem 0 0
}

.couponPanel .couponList .box .text {
  font-size: .24rem;
  color: #999;
}

.couponPanel .couponList .box .explain {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 73%;
}

.couponPanel .couponList li .time {
  margin-top: .05rem;
  font-size: .24rem;
}

.couponPanel .couponList .btn {
  width: 1.24rem;
  border: 1px solid #F95359;
  line-height: .56rem;
  border-radius: .56rem;
  top: .75rem;
  left: auto;
  right: .2rem;
}

.couponPanel .couponList .use,
.couponPanel .couponList .expire,
.couponPanel .couponList .receive {
  width: .96rem;
  height: .78rem;
  ;
  background: url(../images/coupon4.png) no-repeat;
  background-size: cover;
  top: .54rem;
  right: .2rem;
  position: absolute;
  display: block;
}

.couponPanel .couponList .use {
  background-image: url(../images/coupon6.png);
}

.couponPanel .couponList .receive {
  background-image: url(../images/coupon5.png);
}

.couponPanel .couponList .state {
  background: #FFE3E4;
  padding: .05rem .08rem;
  color: #F95359;
  font-size: .22rem;
  position: absolute;
  top: .15rem;
  right: .2rem;
}

.couponPanel .couponList .link {
  border-top: 1px solid #E9E9E9;
  line-height: .62rem;
  display: block;
  font-size: 0.24rem;
  color: #666;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 .28rem;
  cursor: pointer;
}

.couponPanel .couponList .link::after,
.couponT .arrow::after {
  width: .14rem;
  height: .14rem;
  border: 1px solid #979797;
  border-width: .03rem .03rem 0 0;
  transform: rotate(45deg);
  content: '';
  position: absolute;
  top: .06rem;
  right: 0;
}

.couponT .link {
  font-size: 0.24rem;
  color: #666;
  position: relative;
  padding: 0 .25rem;
  line-height: .32rem;
  display: inline-block;
}

.couponPanel .couponList .link::after {
  right: .28rem;
  top: .2rem;
}

.popuoCoupon .layui-m-layercont {
  padding: 0 .4rem .4rem;
  font-size: .28rem;
  color: #666
}

.popuoCoupon.layui-m-layerchild h3 {
  font-weight: bold;
  color: #000;
  font-size: .34rem;
}

body .popuoCoupon .layui-m-layerbtn span[yes] {
  color: #666;
}


.couponProject {
  background: #fff;
  padding: .28rem;
}

.yxList li {
  display: flex;
  margin-bottom: .44rem;
}

.yxList img {
  width: 2.46rem;
  height: 1.54rem;
  margin-right: .34rem;
}

.yxList .box {
  width: 4.1rem;
  padding: .2rem 0;
}

.yxList .box h3 {
  font-size: 0.28rem;
  color: #1a1a1a;
  line-height: .48rem;
  font-weight: bold;
}

.yxList .box p {
  font-size: 0.24rem;
  color: #666;
}

.couponPanel .submit {
  width: 6.94rem;
  line-height: .8rem;
  background: #e62129;
  border-radius: .4rem;
  font-size: 0.28rem;
  color: #fff;
  display: block;
  text-align: center;
  margin: .4rem 0;
  cursor: pointer;
}

.couponProject fieldset {
  text-align: center;
  border-top: 1px solid #DCDCDC;
  margin-bottom: .3rem;
}

.couponProject legend {
  font-size: .24rem;
  color: #666;
  padding: 0 .2rem;
}


.orderCoupon {
  background: #fff;
  margin: .2rem 0;
  height: .85rem;
  line-height: .85rem;
  display: flex;
  justify-content: space-between;
  padding: 0 .28rem;
}

.orderCoupon .label {
  font-size: 0.24rem;
  color: #1a1a1a;
}

.orderCoupon .text {
  font-size: 0.24rem;
  color: #666;
  position: relative;
  padding-right: .24rem;
}

.orderCoupon .text::after {
  width: .14rem;
  height: .14rem;
  border: 1px solid #979797;
  border-width: .03rem .03rem 0 0;
  transform: rotate(45deg);
  content: '';
  position: absolute;
  top: .33rem;
  right: 0;
}

.layerOrderCoupon {
  position: fixed;
  width: 100%;
  height: 6.8rem;
  bottom: -100%;
  left: 0;
  background: #fff;
  z-index: 11;
  transition: all .3s ease;
  padding: .28rem;
}

.orderCouponList {
  height: 4.6rem;
  overflow: hidden;
  overflow-y: auto;
}

.orderCouponList li {
  line-height: .38rem;
  font-size: 0.3rem;
  color: #1a1a1a;
  position: relative;
  margin-bottom: .4rem;
}

.orderCouponList li::after {
  position: absolute;
  top: .2rem;
  right: 0;
  background: url(../images/sprites1.png) no-repeat -.48rem 0;
  background-size: cover;
  width: .38rem;
  height: .38rem;
  display: block;
  content: '';
}

.orderCouponList li.active::after {
  background-position: 0 0;
  position: absolute;
  top: .2rem;
  right: 0;
}

.layerOrderCoupon h3 {
  font-size: 0.3rem;
  color: #1a1a1a;
  font-weight: bold;
  margin-bottom: .3rem;
  text-align: center;
}

.layerOrderCoupon .submit {
  width: 6.9rem;
  height: .8rem;
  background: #e62129;
  border-radius: .4rem;
  text-align: center;
  font-size: .3rem;
  color: #fff;
  outline: none;
  border: 0 none;
  margin: 0 auto;
}

.couponT {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9;
  border-top: 1px solid #ccc;
  height: .6rem;
  padding-top: .05rem;
  text-align: center;
}

.v1Img {
  height: 2.48rem;
  width: 6.94rem;
  border-radius: .06rem;
}






.ztList {
  margin: .28rem auto;
  background: #fff;
  position: relative;
  box-shadow: 0px .04rem .18rem 0px rgba(0, 0, 0, 0.1);
}

.ztList img {
  width: 6.94rem;
  height: 2.28rem;
}

.ztList .state {
  position: absolute;
  top: .2rem;
  left: .2rem;
  background: #e62129;
  border-radius: .1rem 0;
  font-size: .3rem;
  color: #fff;
  width: 1.6rem;
  line-height: .5rem;
  text-align: center;
}

.ztList .link {
  position: absolute;
  bottom: .38rem;
  right: .38rem;
  border: 1px solid #fff;
  border-radius: .5rem;
  font-size: .26rem;
  color: #fff;
  width: 1.6rem;
  line-height: .5rem;
  text-align: center;
  display: none;
}

.ztPoster {
  width: 7.5rem;
  height: 4.2rem;
  position: relative;
}

.ztPoster img {
  width: 7.5rem;
  height: 4.2rem;
}

.ztPoster .btn {
  line-height: .84rem;
  height: .84rem;
  background: #e62129;
  border-radius: .84rem;
  left: .6rem;
  right: .6rem;
  text-align: center;
  position: absolute;
  bottom: -.4rem;
  font-size: .32rem;
  color: #fff;
  display: block;
}

.ztInfo {
  background-color: #fff;
  padding: .3rem;
}

.ztInfo p {
  font-size: .26rem;
  color: #666;
  line-height: .4rem;
  text-align: justify;
}

.ztContent {
  background: #fff;
  padding: .3rem;
  margin-top: .2rem;
}

.ztTile {
  margin-bottom: .4rem;
  border-bottom: 1px solid #eee;
  padding-bottom: .4rem;
}

.ztTile h3 {
  font-size: .3rem;
  color: #111;
  ;
}

.ztTile .text {
  font-size: .26rem;
  color: #999;
  line-height: .4rem;
  margin: .2rem 0 0;
}

.ztTile .ztBox {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: .3rem 0 .4rem 0;
}

.ztTile .ztBox img {
  width: 1.42rem;
  height: 1.8rem;
}

.ztTile .info {
  width: 5.2rem;
  position: relative;
}

.ztTile .info .caption {
  font-size: .26rem;
  color: #1A1A1A;
  line-height: .4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  ;
}

.ztTile .info .txt {
  font-size: .22rem;
  color: #666;
  line-height: .36rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: .12rem;
}

.ztTile .tagBox {
  position: absolute;
  bottom: 0;
  left: 0;
}

.ztTile .btn {
  width: 100%;
  height: .8rem;
  font-size: .36rem;
  color: #fff;
  line-height: .8rem;
  margin: 0 auto;
  background: #37C2CF;
  border-radius: .8rem;
  display: block;
  text-align: center;
}

.ztFt .btn_orange {
  background: #FC8B3C;
}

.ztTips {
  padding: .8rem 0;
  text-align: center;
}

.ztTips p {
  font-size: .26rem;
  color: #666;
  line-height: .4rem;
}

.ztTips a {
  color: #e62129;
}

.ztFt {
  background: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

.ztFt .btn {
  width: 100%;
  height: 1.2rem;
  font-size: .36rem;
  color: #fff;
  line-height: 1.2rem;
  margin: 0 auto;
  background: #FC8B3C;
  display: block;
  text-align: center;
}



.honeNav {
  display: flex;
  justify-content: space-around;
}

.honeNav a {
  display: block;
  text-align: center;
  font-size: .24rem;
  color: #1a1a1a;
}

.honeNav i {
  width: .8rem;
  height: .8rem;
  display: block;
  margin: 0 auto .1rem;
  background: url(../images/home1.png) no-repeat;
  background-size: cover;
}

.honeNav i.icon1 {
  background-position: 0 0;
}

.honeNav i.icon2 {
  background-position: -.8rem 0;
}

.honeNav i.icon3 {
  background-position: -1.6rem 0;
}

.honeNav i.icon4 {
  background-position: -2.4rem 0;
}

.honeNav i.icon5 {
  background-position: -3.2rem 0;
}

.honeNav i.icon6 {
  background-position: -4rem 0;
}

.honeNav i.icon7 {
  background-position: -4.8rem 0;
}

.liveClass li {
  margin-bottom: .4rem;
}

.liveClass li .box {
  position: relative;
  background: #fff;
  box-shadow: 0px 0.04rem 0.2rem 0px rgba(230, 229, 236, 0.6);
  border-radius: .08rem;
  overflow: hidden;
}

.hPanel .liveClass li .box {
  height: 2.6rem;
}

.liveClass li .box a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: .28rem .28rem .16rem;
}

.liveClass li h3 {
  font-size: .3rem;
  color: #1A1A1A;
  line-height: .42rem;
  height: .84rem;
  max-width: 80%;
  margin-bottom: .08rem;
  font-weight: bold;
}

.liveClass li .label {
  position: absolute;
  top: -.02rem;
  left: -.1rem;
  display: block;
  line-height: .28rem;
  background: #FC8B3C;
  border-radius: .08rem 0px .08rem 0px;
  color: #fff;
  font-size: .18rem;
  transform: scale(0.83333333);
  padding: .03rem .08rem;
}

.liveClass li .text {
  font-size: .22rem;
  color: #666;
  margin-bottom: .24rem;
  max-width: 75%;
  line-height: .32rem;
  height: .32rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.liveClass li .action {
  display: flex;
  justify-content: space-between;
  padding: .18rem 0 0;
}

.liveClass li .time {
  font-size: .26rem;
  color: #1A1A1A;
  line-height: .5rem;
}

.liveClass li img {
  height: 1.8rem;
  width: 100%;
}

.liveClass li:last-child {
  margin: 0;
}

.liveClass li .link {
  width: 1.5rem;
  line-height: .50rem;
  font-size: .24rem;
  color: #fff;
  text-align: center;
  border-radius: .50rem;
  display: block;
  background: #e62129;
  border: 1px solid #e62129;
}

.liveClass li .reserved {
  background: #fff;
  color: #e62129;
}

.liveClass li .state {
  color: #fff;
  background: #e62129;
}

.liveClass li .back {
  border-color: #F0F0F0;
  background: #F0F0F0;
  color: #e62129;
}

.liveClass li .live {
  border-color: #FC8B3C;
  background: #FC8B3C;
}

.swiper-hot .swiper-slide {
  display: flex;
  justify-content: space-between;
}

.hotTile {
  width: 3.36rem;
}

.hotTile .cover,
.hotTile .cover img {
  width: 3.36rem;
  height: 1.91rem;
  border-radius: .06rem;
}

.hotTile .caption {
  font-size: .26rem;
  color: #666;
  line-height: .42rem;
  margin: .1rem 0;
}


/* 直播回看、、 */
.pbList li {
  background: #fff;
  padding: .3rem;
  margin-bottom: .2rem;
}

.pbList li a {
  display: block;
  position: relative;
  height: 2.6rem;
}

.pbList li img {
  height: 2.6rem;
  border-radius: .06rem;
  width: 6.94rem;
}

.pbList li .state {
  width: 1.5rem;
  line-height: .44rem;
  font-size: .24rem;
  color: #fff;
  text-align: center;
  border-radius: .44rem;
  position: absolute;
  right: .4rem;
  bottom: .2rem;
  display: block;
  background: linear-gradient(-90deg, rgba(164, 123, 72, 1) 0%, rgba(228, 185, 131, 0.58) 100%);
}

.pbList li .live {
  background: linear-gradient(-90deg, rgba(162, 35, 141, 1) 0%, rgba(162, 35, 141, 0.58) 100%);
}

.pbList li p {
  font-size: .24rem;
  color: #666;
  padding-top: .2rem;
}



/* 直播详情 */
.ldPoster {
  height: 6.2rem;
  position: relative;
  margin-bottom: .36rem;
}

.ldPoster.video-cont {
  height: 6.2rem;
  background: #fff;
}

.ldPoster.back {
  height: 4.2rem;
  margin-bottom: 0;
}

.ldPoster img {
  height: 4.2rem;
  width: 7.5rem;
}

.ldPoster .linkback {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.65);
  font-size: .3rem;
  color: #fff;
  padding-top: 2.8rem;
  text-align: center;
}

.ldPoster .linklive {
  padding-top: 1.6rem;
}

.ldPoster .linklive::before {
  background: url('../images/home/live.png') no-repeat;
  background-size: cover;
  content: '';
  width: 1.2rem;
  height: .86rem;
  display: block;
  margin: 0 auto .24rem;
}

.ldPoster .videoBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ldPoster .title {
  font-size: .32rem;
  color: #1A1A1A;
  line-height: .44rem;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: .18rem;
}

.ldPoster .tools {
  background: #fff;
  height: 3.15rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6.94rem;
  padding: .24rem;
  margin: 0 .28rem;
  border-radius: .08rem;
  box-shadow: 0px .04rem .16rem 0px rgba(0, 0, 0, 0.1);
}

.ldPoster .tools .time,
.ldPoster .tools .people {
  font-size: .26rem;
  color: #1A1A1A;
  line-height: .36rem;
  margin-bottom: .12rem;
}

.ldPoster .tools .btn {
  height: .6rem;
  line-height: .6rem;
  font-size: .26rem;
  border-radius: .3rem;
  color: #fff;
  background: #e62129;
  display: block;
  padding: 0 .2rem;
}

.ldPoster .tools .btn::before {
  width: .22rem;
  height: .22rem;
  display: inline-block;
  background: url(../images/home/icon5.png) no-repeat;
  content: '';
  background-size: cover;
  margin-right: .1rem;
  vertical-align: middle;
}

.ldPoster .tools .btn.dis::before {
  display: none;
}

.classAsk {
  padding: .28rem;
  background: #fff;
  display: none;
  position: relative;
}

.classAsk.show {
  display: block;
}

.classAsk.comment {
  margin-bottom: .1rem;
}

.classAskInfo {
  overflow: hidden;
  margin: .2rem 0 .12rem;
}

.classAskInfo .avatar {
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
  float: left;
  margin-right: .2rem;
}

.classAskInfo h4 {
  font-size: .3rem;
  color: #1A1A1A;
  font-weight: bold;
  line-height: .42rem;
}

.classAskInfo p {
  font-size: .26rem;
  color: #666;
  line-height: .36rem;
}

.classAskInfo p.text {
  clear: both;
  margin-top: .16rem;
}

.classAsk.info .box {
  padding: .28rem 0;
}

.classAsk .box h3 {
  padding: 0;
}

.classAsk .box p {
  font-size: .26rem;
  color: #666;
  line-height: .44rem;
  margin-top: .06rem;
}

.classAsk .box img {
  max-width: 100%;
  margin: .12rem 0;
}

.liveBtn {
  width: 100%;
  height: 1rem;
  background: #e62129;
  color: #fff;
  text-align: center;
  font-size: .32rem;
  display: block;
  line-height: 1rem;
  position: fixed;
  left: 0;
  bottom: 0;
}

.classAsk .btn {
  width: 100%;
  height: 1rem;
  background: #e62129;
  color: #fff;
  text-align: center;
  font-size: .32rem;
  display: block;
  line-height: 1rem;
  position: fixed;
  left: 0;
  bottom: 0;
}

.classAsk h3 {
  line-height: .5rem;
  font-size: .3rem;
  color: #1a1a1a;
  padding: 0 .28rem;
  font-weight: bold;
}

.askList li {
  margin-bottom: .14rem;
}

.askList li span {
  line-height: .42rem;
  display: inline-block;
  font-size: .3rem;
}

.askList li .name {
  color: #999;
}

.askList li .text {
  color: #1a1a1a;
}

.askTipsInp {
  width: 100%;
  height: .9rem;
  background: #F7F7F7;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: .13rem .28rem;
}

.askTipsInp p {
  background: #fff;
  padding: 0 .14rem;
  line-height: .64rem;
  font-size: .26rem;
  color: #999;
}


.askList li .tool {
  display: flex;
  justify-content: space-between;
  line-height: .28rem;
}

.askList li .num {
  font-size: .24rem;
  color: #999;
}

.askList li .mto {
  font-size: .24rem;
  color: #e62129;
  cursor: pointer;
}

.askList li .mto.t {
  color: #999;
}

.askList li .mto::before {
  width: .28rem;
  height: .28rem;
  display: inline-block;
  background: url(../images/home/icon6.png) no-repeat;
  content: '';
  background-size: cover;
  margin-right: .1rem;
  vertical-align: middle;
}

.askList li .mto.t::before {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;

}

.askList li.on {
  background: #F9F9F9;
}

.pbMain {
  overflow: hidden;
  overflow-y: auto;
}

.pbPpt ul {
  padding: 0 .28rem;
}

.pbPpt li,
.pbPpt li img {
  width: 6.94rem;
  height: 3.56rem;
}

.pbPpt li {
  margin: 0 auto .48rem;
  position: relative;
}

.pbPpt li.lock::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.85);
}

.pbPpt li.lock::after {
  content: '';
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.2rem 0 0 -0.2rem;
  background: url(../images/lock.svg) no-repeat center / 100% 100%;
}

.studyTabs {
  text-align: center;
  background: #F7F7F7;
  display: flex;
  justify-content: space-evenly;
}

.studyTabs li {
  display: inline-block;
}

.studyTabs li a {
  color: #999;
  font-size: 0.3rem;
  position: relative;
  display: block;
  line-height: .9rem;
}

.studyTabs li a::after {
  width: .32rem;
  height: .06rem;
  background: #e62129;
  border-radius: .03rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -.16rem;
  display: none;
  content: '';
}

.studyTabs li.active a {
  color: #1A1A1A
}

.studyTabs li.active a::after {
  display: block;
}

.yyLayerMain {
  position: fixed;
  width: 6.7rem;
  height: 9.4rem;
  top: 12%;
  left: .4rem;
  background: #fff;
  z-index: 11;
  border-radius: .08rem;
}

.yyLayerMain .content {
  padding: .4rem .6rem;
}

.yyLayerMain h3 {
  font-size: .36rem;
  color: #1a1a1a;
  text-align: center;
}

.yyLayerMain .text {
  font-size: .26rem;
  color: #666;
  margin: .3rem 0 0;
}

.yyLayerMain .code {
  width: 5.5rem;
  height: 5.5rem;
  box-shadow: 0px 0.02rem .2rem 0px rgba(0, 0, 0, 0.16);
  border-radius: .06rem;
  margin: .4rem 0;
}

.yyLayerMain .layui-m-layercont {
  padding: 0 .6rem .6rem;
}

.yyLayerMain .btn {
  width: 2.6rem;
  height: .84rem;
  border: 0 none;
  background: #e62129;
  font-size: .3rem;
  color: #fff;
  border-radius: .84rem;
}

.yyLayerMain .tools {
  text-align: center;
}

.yyLayerMain .tools a {
  margin-left: .44rem;
  color: #666;
  font-size: .24rem;
  text-decoration: underline;
}



.askTxa {
  padding: .6rem .28rem;
}

.askTxa h3 {
  color: #1a1a1a;
  font-size: .4rem;
  line-height: .4rem;
  margin-bottom: .3rem;
}

.askTxa .txa {
  background: #F7F7F7;
  height: 4.5rem;
  border: 0 none;
  width: 100%;
  padding: .2rem;
}

.askTxa .commentBtn {
  width: 4.6rem;
  height: .84rem;
  border: 0 none;
  background: #e62129;
  font-size: .3rem;
  color: #fff;
  border-radius: .84rem;
  margin: .6rem auto 0;
  display: block;
}



.actBtn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #F7F7F7;
}

.actBtn button {
  background: #e62129;
  font-size: .32rem;
  color: #fff;
  flex: 1;
  text-align: center;
  line-height: 1rem;
  border: 0 none;
  outline: none;
}

.actBtn .online {
  background: #F7F7F7;
  color: #1A1A1A;
}

.actBtn .one {
  background: #e62129;
  color: #fff;
}

.buddy {
  background: #D9D9D9 !important;
  color: #fff;
}

.liveCouponPop {
  position: fixed;
  bottom: -100%;
  background: #fff;
  border-radius: .16rem .16rem 0px 0px;
  z-index: 999;
  left: 0;
  width: 100%;
  transition: bottom .3s ease;
}

.liveCouponPop h3 {
  font-size: .3rem;
  color: #1A1A1A;
  text-align: center;
  font-weight: 500;
  line-height: .88rem;
}

.liveCouponPop .close {
  position: absolute;
  top: .2rem;
  right: .2rem;
  height: .4rem;
  width: .4rem;
  background: url(../images/v1/close.png) no-repeat center;
  background-size: contain;
  opacity: .8;
}

.liveCouponPop .panel {
  padding: .22rem .28rem;
  border: .02rem solid #E3E5EC;
  border-width: .02rem 0;
}

.liveCouponPop .panel.auto {
  height: 7.42rem;
  overflow: hidden;
  overflow-y: auto;
}

.panel.auto .box {
  display: block
}

.liveCouponPop .item {
  height: 2.22rem;
  display: flex;
  margin-bottom: .2rem;
  background: url(../images/live/block.png) no-repeat center;
  background-size: contain;
  position: relative;
}

.liveCouponPop .item::after {
  height: .52rem;
  width: .6rem;
  background: url(../images/live/on.png) no-repeat;
  background-size: contain;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

.liveCouponPop .item.active::after {
  display: block;
}

.liveCouponPop .item .price {
  width: 2.05rem;
  text-align: center;
  font-size: .64rem;
  color: #fff;
  font-weight: bold;
  line-height: 2.2rem;
}

.liveCouponPop .item .price::before {
  font-size: .28rem;
  color: #fff;
  content: '¥';
}

.liveCouponPop .box {
  padding: .64rem .38rem;
  display: flex;
  align-items: center;
}

.liveCouponPop .text {
  font-size: .3rem;
  color: #1A1A1A;
  font-weight: 600;
  margin-bottom: .16rem;
}

.liveCouponPop .num {
  font-size: .24rem;
  color: #999;
}

.liveCouponPop .action {
  height: .9rem;
  display: flex;
  justify-content: space-between;
  padding: .1rem .28rem;
}

.liveCouponPop .total {
  color: #1A1A1A;
  font-size: .24rem;
  align-items: center;
  display: flex;
}

.liveCouponPop .total .price {
  color: #F95359;
  font-size: .3rem;
  font-weight: 600;
}

.liveCouponPop .total .price::before {
  color: #F95359;
  font-size: .3rem;
  content: '¥';
}

.liveCouponPop button {
  width: 2.4rem;
  height: .7rem;
  background: #e62129;
  border-radius: .5rem;
  font-size: .32rem;
  color: #fff;
}

.inputNumber {
  display: flex;
  align-items: center;
}

.inputNumber .txt {
  width: 1.2rem;
  height: .6rem;
  background: #F7F7F7;
  border-radius: .3rem;
  text-align: center;
  line-height: .6rem;
  margin: 0 .1rem;
}

.inputNumber i {
  width: .36rem;
  height: .36rem;
  vertical-align: middle;
  background: url(../images/live/ctrl.png) no-repeat;
  background-size: cover;
}

.inputNumber i.cut {
  background-position: 0 -.72rem;
}

.inputNumber i.cut.dis {
  background-position: 0 -1.08rem;
}

.inputNumber i.add.dis {
  background-position: 0 -.36rem;
}

.layerCoupon.layui-m-layerchild h3 {
  font-weight: bold;
  font-size: .34rem;
  color: #1A1A1A;
}

.layerCoupon.layui-m-anim-scale .layui-m-layercont {
  font-size: .28rem;
  color: #1A1A1A;
  padding: .1rem .28rem .3rem;
}

.layerCoupon .layui-m-layerbtn span[yes] {
  color: #e62129;
}


.oTile {
  display: flex;
  line-height: 1.12rem;
  justify-content: space-between;
  align-items: center;
}

.oTile .txt {
  font-size: .3rem;
  color: #1A1A1A;
}

.payTips {
  border-top: 1px solid #E9E9E9;
  line-height: .84rem;
}

.payTips span {
  font-size: .26rem;
  color: #1A1A1A;
}

.payTips a {
  color: #e62129;
  margin-left: .1rem;
  font-size: .26rem;
}

.payTips a .tips {
  width: .24rem;
  height: .26rem;
  background: url(../images/tips1.png) no-repeat;
  background-size: contain;
  display: inline-block;
  margin-left: .1rem;
  vertical-align: middle;
}

.oItem .onlineInfo {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 5.1rem;
}

.onlineInfo p {
  font-size: .24rem;
  color: #666;
  line-height: .34rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.onlineInfo p.add {
  margin-top: .1rem;
}

.onlineInfo p::before {
  width: .24rem;
  height: .24rem;
  background: url(../images/online.png) no-repeat;
  background-size: cover;
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: .06rem;
}

.onlineInfo p.add::before {
  background-position: 0 -.24rem;
}

.liveSucc {
  background: #fff;
  padding: .28rem;
  margin-bottom: .2rem;
}

.liveSucc .succ {
  font-size: .36rem;
  font-weight: bold;
  line-height: .5rem;
}

.liveSucc .succ::before {
  width: .4rem;
  height: .4rem;
  background: url(../images/yes2.png) no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: .1rem;
}

.liveSucc .oItem {
  margin-top: 0;
  padding: 0;
}

.liveSs {
  border-top: 1px solid #E3E5EC;
  margin-top: .1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .34rem 0 .12rem;
}

.liveSs .infos {
  font-size: .26rem;
  color: #1A1A1A
}

.liveSs .infos .text {
  font-size: .3rem;
  font-weight: bold;
  margin: .18rem 0 0;
  line-height: .42rem;
}

.liveSs .link {
  width: 1.68rem;
  line-height: .54rem;
  border: 1px solid #1A1A1A;
  border-radius: .54rem;
  font-size: .26rem;
  color: #1A1A1A;
  text-align: center;
  display: inline-block;
}

.endText {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 1.2rem;
  font-size: .32rem;
  color: #999;
  text-align: center;
  display: block;
}

.liveShareBtn {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  font-size: .32rem;
  color: #fff;
  background: #e62129;
}

.liveShareBtn.dis {
  background: #D9D9D9;
}

.shareBg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .36);
  z-index: 99;
  display: none;
}

.shareBg::after {
  background: url(../images/share.png) no-repeat;
  background-size: contain;
  width: 4rem;
  height: 2.3rem;
  content: '';
  position: absolute;
  top: .3rem;
  right: .3rem;
}

.liveSucc>h3 {
  font-size: .3rem;
  font-weight: 600;
  margin-bottom: .22rem;
}

.codeBox {
  text-align: center;
  padding: .4rem 0 .2rem;
}

.codeBox h4 {
  font-size: .36rem;
  font-weight: bold;
  line-height: .5rem;
}

.codeBox img {
  width: 2.8rem;
  height: 2.8rem;
  margin: .22rem auto .28rem;
  display: block;
}

.codeBox .tips {
  font-size: .26rem;
  color: #999;
}

.liveSucc .list li {
  line-height: .52rem;
  font-size: .26rem;
  color: #999;
}

.liveSucc .list li span {
  color: #1a1a1a;
}

.liveSucc .list li .price {
  color: #F95359;
}

.liveSucc .list li .price::before {
  color: #F95359;
  content: '¥';
  font-size: .26rem;
}

.liveSucc dl {
  margin-top: .28rem;
  border-top: 1px solid #E3E5EC;
  padding-top: .28rem;
}

.liveSucc dt {
  line-height: .36rem;
  font-size: .26rem;
  color: #1a1a1a;
}

.liveSucc dd {
  line-height: .4rem;
  font-size: .26rem;
  color: #999;
  margin: .12rem 0 0;
}

.liveScan {
  padding: 2rem 0 0;
}

.liveScan h3 {
  font-size: .3rem;
  color: #fff;
  text-align: center;
  margin-bottom: 1.5rem;
}

.liveScan .code {
  width: 2.3rem;
  height: 2.3rem;
  display: block;
  margin: 0 auto;
  background: url(../images/scan.png) no-repeat;
  background-size: contain;
}

.layerPayTips {
  position: fixed;
  top: 20%;
  left: .66rem;
  right: .66rem;
  background: #fff;
  border-radius: .12rem;
  padding: .5rem;
  z-index: 999;
  display: none;
}

.layerPayTips h3 {
  font-size: .34rem;
  font-weight: bold;
  margin-bottom: .24rem;
  text-align: center;
}

.layerPayTips .info {
  font-size: .3rem;
  line-height: .52rem;
  color: #666;
  margin-bottom: .32rem;
}

.layerPayTips .submit {
  width: 5.2rem;
  line-height: .96rem;
  background: #e62129;
  border-radius: .48rem;
  display: block;
  border: 0 none;
  margin: 0 auto;
  text-align: center;
  font-size: .32rem;
  color: #fff;
}

.qrcode img {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.qrcode canvas {
  /*  */
  width: 2.8rem;
  height: 2.8rem;
  margin: .2rem auto;
  display: block !important;
}

.codeTile {
  padding: .4rem .28rem;
  text-align: center;
}

.codeTile .txt {
  font-size: .28rem;
  color: #666;
  line-height: .44rem;
}

.codeTile img {
  width: 2.8rem;
  height: 2.8rem;
  margin: .2rem auto;
  display: block !important;
}

.codeTile .text {
  font-size: .3rem;
  color: #1a1a1a;
  text-align: center;
}

.codeTile button {
  border: 0 none;
  background: none;
  outline: none;
  font-size: .3rem;
  color: #e62129;
  margin-left: .36rem;
}




.ztList .ztBox {
  padding: .24rem;
  position: relative;
}

.ztList .ztBox h3 {
  font-size: .3rem;
  line-height: .4rem;
  color: #1A1A1A;
  font-weight: 500;
  margin-bottom: .12rem;
}

.ztList .ztBox .test {
  font-size: .26rem;
  line-height: .4rem;
  color: #666;
  position: absolute;
  top: .24rem;
  right: .24rem;
}

.ztBanner {
  position: relative;
  padding-bottom: 1.18rem;
}

.ztBanner img {
  max-width: 100%;
}

.ztBanner .link {
  position: fixed;
  width: 1.2rem;
  line-height: .44rem;
  background: #FF4F33;
  box-shadow: 0px .04rem .08rem 0px rgba(0, 0, 0, 0.18);
  border-radius: 0px .08rem 0px .08rem;
  font-size: .22rem;
  color: #fff;
  top: 1.8rem;
  right: 0;
  z-index: 2;
  text-align: center;
}


.timeLine {
  position: relative;
}

.timeLine::after {
  position: absolute;
  top: .15rem;
  left: .1rem;
  content: '';
  bottom: 0rem;
  border-left: 1px dashed #ccc;
}

.timeLine.liveClass li {
  padding-left: .3rem;
  position: relative;
}

.timeLine.liveClass li::after {
  position: absolute;
  top: .06rem;
  left: 0;
  content: '';
  width: .26rem;
  height: .26rem;
  background: url(../images/v2/time.png) no-repeat;
  background-size: contain;
  z-index: 2;
}

.timeLine.liveClass li .box {
  width: 100%;
}

.timeLine.liveClass li .time {
  font-size: .28rem;
  line-height: .4rem;
  margin-bottom: .2rem;
}

.timeLine .backLive {
  font-size: .24rem;
  color: #e62129;
  position: absolute;
  top: 0;
  right: 0rem;
  width: 1.36rem;
  line-height: .48rem;
  background: #F6F6F6;
  border-radius: .24rem;
  text-align: center;
}

.timeLine .backLive.no {
  color: #999;
  cursor: default;
}

.liveExplain {
  width: 6.94rem;
  height: 1.16rem;
  background: #FFEEE2;
  border-radius: .08rem;
  padding: .38rem .28rem;
  margin: .28rem;
}

.liveExplain a {
  color: #FC8B3C;
  font-size: .3rem;
  font-weight: 500;
  display: block;
  position: relative;
}

.liveExplain a::before {
  content: '';
  width: .32rem;
  display: inline-block;
  height: .32rem;
  background: url(../images/v2/tips.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-top: -.08rem;
  margin-right: .1rem;
}

.liveExplain .link {
  font-size: .26rem;
  position: absolute;
  top: 0;
  right: 0;
}

.liveExplain .link::after {
  border: .02rem solid #FC8B3C;
  border-width: .02rem .02rem 0 0;
  content: '';
  transform: rotate(45deg);
  width: .12rem;
  height: .12rem;
  display: inline-block;
  vertical-align: middle;
  margin-top: -.08rem;
  margin-left: .05rem;
}

.filterRadio {
  padding: 0 .28rem;
  font-size: 0;
}

.filterRadio a {
  padding: 0 .28rem;
  line-height: .52rem;
  background: #F0F0F0;
  border-radius: .52rem;
  font-size: .24rem;
  color: #1A1A1A;
  display: inline-block;
  margin-right: .24rem;
}

.filterRadio a.active {
  background: #e62129;
  color: #fff;
}

.liveLayer .layui-m-layercont {
  padding: .28rem;
  text-align: left;
}

.liveLayer.layui-m-layerchild h3 {
  font-size: .34rem;
  font-weight: 700;
  color: #1A1A1A;
  height: .6rem;
  line-height: .6rem;
  padding: .2rem 0 0;
}

.liveLayer dl {
  max-height: 4rem;
  overflow: hidden;
  overflow-y: auto;
}

.liveLayer dt {
  font-size: .34rem;
  font-weight: 500;
  color: #1A1A1A;
  line-height: .52rem;
}

.liveLayer dd {
  font-size: .26rem;
  color: #666;
  line-height: .42rem;
  margin-bottom: .4rem;
}

.liveLayer .layui-m-layerbtn {
  border-top: 0;
  padding: 0 .28rem .28rem;
  box-sizing: border-box;
  height: auto;
  line-height: auto;
}

.liveLayer .layui-m-layerbtn span[yes] {
  background: #e62129;
  color: #fff;
  line-height: .96rem;
  border-radius: .96rem;
}

.i-icon {
  width: .3rem;
  height: .3rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: .08rem;
}

.i-time {
  background-image: url(../images/v2/time1.png);
}

.i-people {
  background-image: url(../images/v2/people.png);
}

.timeEnd {
  text-align: center;
  padding: .28rem;
  font-size: .24rem !important;
  color: #666;
  line-height: .72rem;
}

.timeEnd span {
  display: inline-block;
  background: #F6F6F6;
  border-radius: .06rem;
  font-size: .36rem;
  color: #1A1A1A;
  font-weight: bold;
  width: .56rem;
  text-align: center;
  margin: 0 .08rem;
}

.liveCardBox {
  width: 6.94rem;
  line-height: 1.28rem;
  background: #F4CA3A;
  border-radius: .12rem;
  margin: 0 .28rem;
}

.liveCardBox a {
  display: flex;
  position: relative;
  padding: 0 .28rem;
  justify-content: space-between;
}

.liveCardBox h3 {
  font-size: .3rem;
  color: #1A1A1A;
  font-weight: bold;
}

.liveCardBox .test {
  font-size: .24rem;
  color: #666;
  padding-left: .36rem;
  display: none;
}

.cardIcon {
  width: .4rem;
  height: .4rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: .08rem;
  background-image: url(../images/v2/icon1.png);
}

.liveCardBox .link {
  font-size: .24rem;
  color: #1A1A1A;
  /* position: absolute;
	top         :.5rem;
	right       : .4rem; */
}

.liveCardBox .link::after {
  border: .02rem solid #1A1A1A;
  border-width: .02rem .02rem 0 0;
  content: '';
  transform: rotate(45deg);
  width: .12rem;
  height: .12rem;
  display: inline-block;
  vertical-align: middle;
  margin-top: -.08rem;
  margin-left: .05rem;
}

.liveDetailLayer {
  padding: .3rem 0 0;
}

body .liveDetailLayer h3 {
  text-align: center;
  font-weight: bold;
  font-size: .34rem;
  color: #1A1A1A;
  margin-bottom: .12rem;
}

body .liveDetailLayer p {
  text-align: center;
  font-size: .28rem;
  color: #1A1A1A;
}

.liveCardTile {
  width: 6.94rem;
  height: 2.6rem;
  background: #F4CA3A;
  border-radius: .12rem;
  margin: .28rem;
  padding: .28rem;
}

.winBar .card-link {
  position: absolute;
  top: 0;
  right: .28rem;
  font-size: .28rem;
  color: #1A1A1A;
}

.liveCardTile .userInfo {
  position: relative;
  margin-bottom: .2rem;
}

.liveCardTile img {
  width: .76rem;
  height: .76rem;
  border-radius: 50%;
  float: left;
  margin-right: .12rem;
}

.liveCardTile .name {
  font-weight: bold;
  font-size: .3rem;
  color: #1A1A1A;
}

.liveCardTile .time {
  font-size: .22rem;
  color: #1A1A1A;
}

.liveCardTile .level {
  width: .96rem;
  height: .48rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  line-height: .48rem;
  background-image: url(../images/v2/icon2.png);
  font-size: .2rem;
  color: #F4CA3A;
  font-weight: normal;
  padding: 0 .06rem 0 .36rem;
  text-align: center;
}

.liveCardTile .btn {
  width: 1.72rem;
  line-height: .56rem;
  display: block;
  position: absolute;
  top: 0;
  font-size: .24rem;
  color: #1A1A1A;
  right: 0;
  box-shadow: 0px .04rem .08rem 0px rgba(163, 106, 37, 0.3);
  border-radius: .56rem;
  border: 0 none;
  outline: none;
  background: #FFF;
}

.couponFlex {
  display: flex;
  justify-content: space-between;
}

.couponFlex a {
  font-size: .22rem;
  color: #1A1A1A;
}

.couponFlex .num {
  font-size: .72rem;
  font-weight: bold;
  margin: 0 .12rem;
}

.couponFlex a::after {
  border: .02rem solid #1A1A1A;
  border-width: .02rem .02rem 0 0;
  content: '';
  transform: rotate(45deg);
  width: .12rem;
  height: .12rem;
  display: inline-block;
  vertical-align: middle;
  margin-top: -.08rem;
  margin-left: .05rem;
}

.liveLayer .text {
  font-size: .3rem;
  color: #666;
  line-height: .52rem;
}

.livePayUser {
  background-color: #05081E;
  padding: .42rem .28rem;
}

.livePayUser img {
  float: left;
  width: .76rem;
  height: .76rem;
  border-radius: 50%;
  margin-right: .18rem;
}

.livePayUser h3 {
  font-size: .3rem;
  color: #fff;
  font-weight: 600;
  margin-bottom: .1rem;
}

.livePayUser .text {
  font-size: .22rem;
  color: #999;
}

.livePayBox {
  padding: .4rem .28rem;
}

.livePayBox .hd {
  width: 100%;
  display: flex;
  justify-content: space-between;
  line-height: .42rem;
  margin-bottom: .24rem;
}

.livePayBox .hd h3 {
  font-size: .3rem;
  color: #1A1A1A;
  font-weight: 600;
}

.livePayBox .hd .help {
  font-size: .26rem;
  color: #999;
}

.livePayBox .box {

  margin-bottom: .4rem;
}

.livePayBox .item {
  width: 100%;
  height: 2rem;
  background: #FFFFFF;
  box-shadow: 0px .04rem .16rem 0px rgba(0, 0, 0, 0.1);
  border-radius: .08rem;
  text-align: center;
  padding: .14rem .1rem;
  border: .03rem solid #e62129;
  display: flex;
  justify-content: space-between;
}

.livePayBox .tit {
  font-size: .28rem;
  color: #1A1A1A;
  font-weight: 600;
  text-align: left;
}

.livePayBox .price {
  font-size: .6rem;
  color: #e62129;
  display: block;
  margin: .3rem 0 0;
}

.livePayBox .price::before {
  content: '￥';
  font-size: .3rem;
  color: #e62129;
}

.livePayBox .text {
  font-size: .2rem;
  color: #666;
  line-height: .32rem;
  text-align: left;
  padding: .06rem;
  background: #F6F6F6;
  width: 5rem;
  height: 1.7rem;
}

.livePayBox .item.active {
  border-color: #e62129;
}

.payList {
  margin-bottom: .12rem;
}

.payList dt {
  font-size: .3rem;
  color: #1A1A1A;
  font-weight: 600;
  margin-bottom: .24rem;
}

.payList dd {
  font-size: .28rem;
  color: #1A1A1A;
  line-height: .42rem;
  border-bottom: 1px solid #E9E9E9;
  position: relative;
  cursor: pointer;
  padding: .2rem 0;
}

.payList dd::after {
  position: absolute;
  top: .2rem;
  right: 0;
  background: url(../images/sprites1.png) no-repeat -.48rem 0;
  background-size: cover;
  width: .38rem;
  height: .38rem;
  display: block;
  content: '';
}

.payList dd.active::after {
  background-position: 0 0;
  position: absolute;
  top: .2rem;
  right: 0;
}

.payList img {
  margin-right: .2rem;
  width: .42rem;
  vertical-align: middle;
}

.livePayBox .tips {
  font-size: .24rem;
  color: #999;
}

.livePayBox .tips a {
  color: #1A1A1A;
}


.payTotal {
  border-top: 1px solid #E9E9E9;
}

.liveTicketList {
  padding: .28rem;
}

.liveTicketList li {
  width: 6.94rem;
  height: 1.6rem;
  background: #FFFFFF;
  border-radius: .16rem;
  position: relative;
  margin-bottom: .2rem;
  padding: .36rem;
}

.liveTicketList li h3 {
  font-size: .3rem;
  color: #1A1A1A;
  font-weight: bold;
  margin-bottom: .06rem;
}

.liveTicketList li .state {
  font-size: .24rem;
  color: #e62129;
  position: absolute;
  top: .56rem;
  right: .2rem;
  width: 1.36rem;
  line-height: .48rem;
  background: #F6F6F6;
  border-radius: .24rem;
  text-align: center;
}

.liveTicketList li .state.end {
  color: #F95359;
}

.liveTicketList li .time {
  font-size: .22rem;
  color: #1A1A1A;
}

.panelTile {
  padding: .28rem;
}

.liveSlideMain {
  position: relative;
  padding: .48rem 0 0 0;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
}

.liveSlideMain::after {
  content: '';
  width: 100%;
  height: 2.9rem;
  background: linear-gradient(134deg, #1E1E1E 0%, #000000 100%);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.loTile {
  position: relative;
  height: 3.28rem;
  z-index: 2;
  left: 0;
  transition: left .5s ease-out;
  margin-left: .28rem;
}

.loTile .tile {
  width: 6.68rem;
  height: 3.28rem;
  background: #F4CA3A;
  border-radius: .12rem;
  padding: .28rem;
  margin-right: .28rem;
  display: inline-block;
}

.loTile .tile.HalfYear {
  background: #525970
}

.loTile .tile.HalfYear h3,
.loTile .tile.HalfYear .text,
.loTile .tile.HalfYear li p {
  color: #fff;
}

.loTile .tile.month {
  background: #AAC4DE
}

.loTile h3 {
  font-size: .36rem;
  font-weight: 600;
  color: #1A1A1A;
  line-height: .5rem;
}

.loTile h3::after {
  content: '';
  display: inline-block;
  width: .4rem;
  height: .4rem;
  background: url(../images/v2/icon1.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-left: .1rem;
}

.loTile .text {
  font-size: .24rem;
  color: #1A1A1A;
  line-height: .34rem;
}

.loTile .list {
  margin: .28rem 0 0;
  display: flex;
  justify-content: space-between;
  padding: 0 .2rem;
}

.loTile .month .list {
  justify-content: space-evenly;
}

.loTile li {
  text-align: center;
}

.loTile li i {
  width: .9rem;
  display: inline-block;
  height: .9rem;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: .06rem;
}

.loTile li .icon1 {
  background-image: url(../images/v2/icon3.png);
}

.loTile li .icon2 {
  background-image: url(../images/v2/icon4.png);
}

.loTile li .icon3 {
  background-image: url(../images/v2/icon5.png);
}

.loTile li .icon4 {
  background-image: url(../images/v2/icon6.png);
}

.loTile li p {
  font-size: .22rem;
  color: #2d3341;
  line-height: .32rem;
}

.loTile li p span {
  font-weight: bold;
  display: block;
}

.liveSlide {
  padding-bottom: 1.5rem;
  display: none;
}

.liveSlide .cardCover {
  padding: 0 .28rem;
}

.liveSlide .cardCover img {
  max-width: 100%;
}

.liveSlide.active {
  display: block;
}

.liveSlide .title {
  font-size: .36rem;
  color: #1A1A1A;
  line-height: .5rem;
  font-weight: 600;
  margin: .48rem 0;
  position: relative;
  text-align: center;
}

.liveSlide .title::after {
  content: '';
  display: block;
  width: 1.84rem;
  height: .02rem;
  background: url(../images/v2/line.png) no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -.2rem;
  left: 50%;
  margin-left: -.92rem;
}

.lCoupons {
  width: 6.68rem;
  height: 2.582rem;
  margin: 0 auto;
  background: url(../images/v2/img1.png) no-repeat;
  background-size: cover;
  position: relative;
  padding-top: .96rem;
}

.lCoupons p {
  text-align: center;
  font-size: .3rem;
  color: #fff;
  line-height: 1.55rem;
}

.liveLists {
  font-size: 0;
  padding: 0 .28rem;
}

.liveLists li {
  display: inline-block;
  width: 3.38rem;
  margin: 0 .18rem .24rem 0;
  vertical-align: top;
}

.liveLists li:nth-child(2n) {
  margin-right: 0;
}

.liveLists li img {
  width: 3.38rem;
  height: 1.9rem;
  border-radius: .08rem;
}

.liveLists li h3 {
  font-size: .3rem;
  color: #1A1A1A;
  line-height: .42rem;
  margin: .12rem 0;
  font-weight: 600;
}

.liveLists li p {
  font-size: .26rem;
  color: #999;
}

.liveLists li p .now {
  font-size: .36rem;
  color: #F95359;
  margin-right: .12rem;
}

.scholarship {
  width: 6.94rem;
  height: 3.46rem;
  background: #F5CB39;
  box-shadow: 2px .04rem .12rem 0px rgba(246, 208, 78, 0.8);
  border-radius: .08rem;
  padding: .64rem .28rem .28rem;
  margin: 0 auto;
}

.scholarship img {
  width: 6.38rem;
  height: 1.68rem;
  margin-bottom: .12rem;
}

.scholarship .tips {
  font-size: .2rem;
  color: #1A1A1A;
  line-height: .32rem;
}

.liveFoot {
  position: fixed;
  bottom: 0;
  left: 0rem;
  right: 0rem;
  z-index: 99;
  background: #fff;
  padding: .18rem .6rem;
  height: 1.2rem;
  box-shadow: 0px -.04rem .2rem 0px rgba(230, 229, 236, 0.6);
}

.liveFoot a {
  width: 100%;
  height: .84rem;
  font-size: .32rem;
  color: #1A1A1A;
  line-height: .84rem;
  margin: 0 auto;
  background: #F4CA3A;
  border-radius: .84rem;
  display: block;
  font-weight: 500;
  text-align: center;
}

.classAskInfo .tile {
  display: flex;
  align-items: center;
}

.imgCover {
  padding-bottom: 1.2rem;
}

.imgCover img {
  max-width: 100%;
}

.doctorBox {
  padding: 0.2rem 0;
}

.doctorBox .list {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 94%;
  margin: 0 auto 0.3rem auto;
  padding: 0.2rem 0.2rem 0.45rem 0.2rem;
  border-radius: 4px;
  box-shadow: 0 2px 4px #ddd;
}

.doctorBox .list .text {
  flex-grow: 5;
  padding: 0.2rem 0.2rem 0 0;
}

.doctorBox .list .text h6 {
  font-size: 0.26rem;
  padding-bottom: 0.05rem;
  font-weight: 600;
}

.doctorBox .list .text p {
  font-size: 0.23rem;
  color: #666;
  margin-top: 0.08rem;
}

.doctorBox .list .cover {
  position: relative;
  width: 1.2rem;
  height: 1.5rem;
  border-radius: 10px;
}

.doctorBox .list .cover .tag {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 94%;
  height: .4rem;
  line-height: .4rem;
  color: #fff;
  text-align: center;
  background: #a1258f;
  transform: translate(-50%, 50%);
  border-radius: .2rem;
  font-size: .2rem;
}

.doctorBox .list .cover img {
  display: block;
  width: 1.2rem;
  height: 1.5rem;
  border-radius: 10px;
}

.doctorBox2 {
  padding: 0.2rem 0;
}

.doctorBox2 .dbinfo {
  display: flex;
  justify-content: center;
  width: 96%;
  margin: 0 auto;
  padding: 0.2rem;
}

.doctorBox2 .dbinfo .text {
  flex-grow: 5;
  padding: 0 0 0 0.3rem;
}

.doctorBox2 .dbinfo .text h6 {
  font-size: 0.27rem;
  padding-bottom: 0.05rem;
  font-weight: 600;
}

.doctorBox2 .dbinfo .text p {
  font-size: 0.26rem;
  color: #666;
  margin-top: 0.08rem;
}

.doctorBox2 .dbinfo .cover {
  position: relative;
  width: 1.2rem;
  height: 1.5rem;
  border-radius: 10px;
}

.doctorBox2 .dbinfo .cover img {
  display: block;
  width: 1.2rem;
  height: 1.5rem;
  border-radius: 10px;
}

.doctorBox2 .describe {
  width: 96%;
  margin: 0.1rem auto 0 auto;
  font-size: 0.23rem;
  line-height: 0.4rem;
}

.doctorBox2 .describe .txt {
  position: relative;
  font-size: 0.26rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.doctorBox2 .describe .txt .moreBtn {
  display: inline-block;
  background: #fff;
  color: #a1258f;
  font-size: 0.26rem;
}

.doctorBox2 .describe .txt img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.doctorBox2 .newsBox {
  margin: 0.5rem auto 0 auto;
  width: 96%;
}

.doctorBox2 .newsBox h6 {
  font-weight: 600;
  font-size: 0.26rem;
  margin-bottom: 0.1rem;
}

.doctorBox2 .newsBox .reading {
  font-size: 0.23rem;
  color: #666;
  padding-left: 0.4rem;
  background: url(../images/reading.png) left center no-repeat;
  background-size: 0.29rem
}

.doctorBox2 .newsBox .text {
  font-size: 0.24rem;
  line-height: 0.4rem;
  margin-top: 0.2rem;
  text-indent: 2em;
}

.doctorBox2 .newsBox .text img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.doctorBox2 .interview {
  margin: 0.5rem auto 0 auto;
  width: 96%;
}

.doctorBox2 .interview h6 {
  font-weight: 600;
  font-size: 0.26rem;
  margin-bottom: 0.3rem;
}

.doctorBox2 .interview .list {
  display: flex;
  justify-content: center;
  margin-bottom: 0.3rem;
}

.doctorBox2 .interview .list .text {
  flex-grow: 5;
  padding: 0 0 0 0.2rem;
  position: relative;
}

.doctorBox2 .interview .list .text h6 {
  font-size: 0.24rem;
  padding-bottom: 0.05rem;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.doctorBox2 .interview .list .text .reading {
  position: absolute;
  left: 0;
  bottom: 0.2rem;
  font-size: 0.24rem;
  color: #666;
  padding-left: 0.6rem;
  background: url(../images/reading.png) 0.2rem top no-repeat;
  background-size: 0.29rem;
}

.doctorBox2 .interview .list .cover {
  position: relative;
  width: 2.5rem;
  height: 1.4rem;
  border-radius: 10px;
}

.doctorBox2 .interview .list .cover img {
  display: block;
  width: 2.5rem;
  height: 1.4rem;
  border-radius: 10px;
}

.doctorBox2AllDescribe {
  height: 100%;
  line-height: 0.4rem;
  padding: 0.2rem;
  font-size: 0.24rem;
  overflow: auto;
}

.doctorBox2AllDescribe img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.projectList .scrolls {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding-bottom: 0.34rem;
}

.projectList .scrolls li {
  display: inline-block;
  height: 0.56rem;
  line-height: 0.56rem;
  padding: 0 0.26rem;
  font-size: 0.24rem;
  position: relative;
  text-align: center;
  background: #F2F2F2;
  border-radius: 2px;
  margin-right: 0.12rem;
}

.projectList .scrolls li p {
  max-width: 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.projectList .scrolls li:last-child {
  margin-right: 0;
}

.projectList .scrolls li.active {
  background: #FC8B3C;
  color: #fff;
}

.projectList .scrolls li.active::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -0.04rem;
  border: 0.08rem solid transparent;
  border-top-color: #FC8B3C;
}

.projectList .infos {
  box-sizing: border-box;
  min-height: 6.44rem;
  padding: 0.24rem 0.24rem 0 0.24rem;
  border: 2px solid #F1F1F1;
  border-radius: 0.12rem;
}

.projectList .infos .item {
  display: none;
}

.projectList .infos .item:first-child {
  display: block;
}

.projectList .infos .text {
  display: flex;
}

.projectList .infos .text .cover {
  position: relative;
}

.projectList .infos .text .shadow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.4rem;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
}

.projectList .infos .text .shadow img {
  max-width: 80%;
}

.projectList .infos .text .img {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 0.08rem;
}

.projectList .infos .text .desc {
  padding: 0 0 0 0.24rem;
  flex: 1;
  overflow: hidden;
}

.projectList .infos .text .desc h3 {
  font-size: 0.32rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.projectList .infos .text .desc p {
  display: none;
  line-height: 0.44rem;
  padding-left: 0.16rem;
  margin-top: 0.14rem;
  font-size: 0.28rem;
  color: #666666;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.projectList .infos .text .desc p:nth-child(1),
.projectList .infos .text .desc p:nth-child(2),
.projectList .infos .text .desc p:nth-child(3) {
  display: -webkit-box;
}

.projectList .infos .text .desc p::after {
  content: '';
  width: 0.08rem;
  height: 0.08rem;
  position: absolute;
  left: 0;
  top: 0.16rem;
  background: #666;
  border-radius: 50%;
}

.projectList .infos .imgs {
  display: flex;
  padding: 0.24rem 0;
  margin: 0.24rem -0.24rem 0 -0.24rem;
  background: #FAFAFA;
  overflow: hidden;
}

.projectList .infos .imgs .hot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 2.01rem;
  text-align: center;
  padding: 0 0.16rem 0 0.24rem;
  margin-right: 0.28rem;
  white-space: nowrap;
  background: url(../images/index-degree-01.png) right center no-repeat;
  background-size: 0.04rem 0.7rem;
}

.projectList .infos .imgs .hot h3 {
  line-height: 0.5rem;
  font-size: 0.36rem;
  font-family: 'PingFangSC-Semibold', 'PingFang SC';
  font-weight: 600;
}

.projectList .infos .imgs .hot p {
  line-height: 0.36rem;
  font-size: 0.26rem;
  font-family: 'PingFangSC-Semibold', 'PingFang SC';
}

.projectList .infos .imgs .ls {
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.projectList .infos .imgs a {
  display: inline-block;
  margin-right: 0.13rem;
}

.projectList .infos .imgs a:last-child {
  margin-right: 0;
}

.projectList .infos .imgs img {
  display: inline-block;
  width: 1.52rem;
  height: 2.01rem;
  border-radius: 3px;
}

/*学位班列表*/
.degreeWinBar {
  box-sizing: initial;
  height: .88rem;
  line-height: .88rem;
  padding-bottom: 0.13rem;
  position: relative;
  background: #fff;
}

.degreeWinBar .winBack {
  position: absolute;
  left: .24rem;
  top: .18rem;
  display: block;
  color: #2a3041;
  font-size: .4rem;
}

.degreeWinBar .headMenu {
  display: flex;
  margin: 0 1rem;
  justify-content: space-evenly;
}

.degreeWinBar .headMenu li {
  font-size: .28rem;
  color: #666;
  position: relative;
}

.degreeWinBar .headMenu li a {
  color: inherit;
}

.degreeWinBar .headMenu li.active {
  color: #1a1a1a;
  font-weight: 600;
}

.degreeWinBar .headMenu li.active::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0.1rem;
  margin-left: -0.19rem;
  width: 0.38rem;
  height: 0.05rem;
  background: #e62129;
  border-radius: 4px;
}

.degreeOuterLayer {
  display: flex;
  min-height: 100%;
  overflow: hidden;
  background: #fff;
}

.degreeOuterLayer .left {
  background: #f2f2f2;
}

.degreeOuterLayer .left ul {
  background: #fff;
}

.degreeOuterLayer .left li {
  display: flex;
  width: 1.92rem;
  height: 1.24rem;
  flex-direction: column;
  justify-content: center;
  position: relative;
  background: #f2f2f2;
}

.degreeOuterLayer .left li.active {
  background: #fff;
}

.degreeOuterLayer .left li.active * {
  color: #1A1A1A;
}

.degreeOuterLayer .left li.active::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.26rem;
  width: 0.05rem;
  height: 0.52rem;
  background: #e62129;
  border-radius: 0 4px 4px 0;
}

.degreeOuterLayer .left li.activePrev {
  border-radius: 0 0 0.2rem 0;
}

.degreeOuterLayer .left li.activeNext {
  border-radius: 0 0.2rem 0 0;
}

.degreeOuterLayer .left li p {
  width: inherit;
  padding: 0 0.2rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.26rem;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.degreeOuterLayer .right {
  flex: 1;
  overflow: hidden;
  position: relative;
}

.degreeOuterLayer .right .filter .mn {
  display: flex;
  height: 0.88rem;
  justify-content: space-evenly;
  align-items: center;
  overflow: hidden;
}

.degreeOuterLayer .right .filter .mn li {
  box-sizing: initial;
  max-width: 1.7rem;
  padding-right: 0.3rem;
  position: relative;
  font-size: 0.28rem;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.degreeOuterLayer .right .filter .mn li::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.02rem;
  border: 0.1rem solid transparent;
  border-top-color: #666;
}

.degreeOuterLayer .right .filter .mn li.active {
  color: #1a1a1a;
}

.degreeOuterLayer .right .filter .mn li.active::after {
  border-top-color: #1a1a1a;
}

.degreeOuterLayer .right .filter .ls {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0.88rem;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
}

.degreeOuterLayer .right .filter .ls.active {
  display: block;
}

.degreeOuterLayer .right .filter .ls li {
  height: 0.92rem;
  line-height: 0.92rem;
  padding: 0 0.36rem;
  font-size: 0.26rem;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #fff;
  border-bottom: 1px solid #F1F1F1;
}

.degreeOuterLayer .right .filter .ls li.active {
  color: #e62129;
}

.degreeOuterLayer .right .item {
  position: relative;
  padding: 0 0.22rem;
  margin-bottom: 0.6rem;
}

.degreeOuterLayer .right .item .banner {
  display: block;
  width: 100%;
  max-height: 2.4rem;
  border-radius: 0.08rem;
}

.degreeOuterLayer .right .item .info dt {
  padding: 0.15rem 0;
  margin-bottom: 0.26rem;
  border-bottom: 1px solid #F1F1F1;
}

.degreeOuterLayer .right .item .info dt p {
  line-height: 0.44rem;
  font-size: 0.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.degreeOuterLayer .right .item .info dd {
  line-height: 0.36rem;
  margin-top: 0.16rem;
  padding-left: 0.42rem;
  font-size: 0.26rem;
  color: #666;
  position: relative;
}

.degreeOuterLayer .right .item .info dd span {
  position: absolute;
  left: 0;
  top: 0.03rem;
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  text-align: center;
  color: #fff;
  background: #e62129;
  border-radius: 0.09rem 0;
}

.degreeOuterLayer .right .item .smallTitle {
  margin-top: 0.36rem;
  font-size: 0.32rem;
  font-weight: bold;
  color: #191D26;
}

.degreeOuterLayer .right .item .schools {
  margin-top: 0.24rem;
  border-bottom: 1px solid #f1f1f1;
}

.degreeOuterLayer .right .item .schools .list {
  display: flex;
  overflow: hidden;
  margin-bottom: 0.42rem;
}

.degreeOuterLayer .right .item .schools .list img {
  width: 1.5rem;
  height: 1.99rem;
  border-radius: 3px;
}

.degreeOuterLayer .right .item .schools .list .text {
  flex: 1;
  padding-left: 0.24rem;
}

.degreeOuterLayer .right .item .schools .list .text h3 {
  height: 0.8rem;
  line-height: 0.4rem;
  margin-bottom: 0.32rem;
  font-size: 0.28rem;
  color: #191D26;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.degreeOuterLayer .right .item .schools .list .text h3 a {
  color: inherit;
}

.degreeOuterLayer .right .item .schools .list .text p {
  line-height: 0.44rem;
  font-size: 0.24rem;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.degreeOuterLayer .right .item .schools .list .text p span {
  color: #e62129;
}

.indexCourseList {
  padding: 0;
  margin: 0;
  border-bottom: 0;
}

.indexCourseList li{
  padding: 0.34rem 0;
  margin-bottom: 0;
  border-bottom: 1px solid #F1F1F1;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.indexCourseList li a {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.indexCourseList li .cover {
  width: 1.6rem;
  height: 2rem;
  border-radius: 0.06rem;
  margin-right: 0.28rem;
  position: relative;
}

.indexCourseList li .cover img {
  width: 1.6rem;
  height: 2rem;
  border-radius: 0.06rem;
}

.indexCourseList li .state {
  position: absolute;
  top: -0.02rem;
  right: -0.05rem;
  line-height: .28rem;
  background: #FF4F33;
  border-radius: 0 0.08rem;
  padding: 0 0.05rem;
  font-size: .18rem;
  transform: scale(0.83333333);
  color: #fff;
}

.indexCourseList li .box {
  width: 5.2rem;
  min-height: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.indexCourseList li .caption {
  font-size: .3rem;
  color: #1A1A1A;
  line-height: .42rem;
  overflow: hidden;
  margin-bottom: 0.16rem;
  font-weight: bold;
}

.indexCourseList li .txt {
  font-size: .26rem;
  color: #666;
  line-height: .36rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.indexCourseList li .tagBox {
  margin-top: 0.15rem;
  padding-top: 1px;
}

.indexCourseList li .tagBox .tag {
  font-size: .22rem;
  color: #B47C53;
  line-height: .44rem;
  padding: 0 0.16rem;
  overflow: hidden;
  background: #FBF4EE;
  display: inline-block;
  margin: 0.1rem 0.1rem 0 0;
  vertical-align: middle;
  border-radius: 0.08rem;
}