@charset "utf-8";
body {
	font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	margin: 0 auto;
	padding: 0;
	background: #fff;
	color: #333
}

p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe {
	margin: 0;
	padding: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

video embed,video object,video iframe,video {
	width: 100%;
	height: auto
}

img {
	max-width: 100%;
	vertical-align: top;
	border: 0;
	-ms-interpolation-mode: bicubic;
	-webkit-touch-callout: none
}

/* body {
	font-family: \5FAE\8F6F\96C5\9ED1,\9ED1\4F53
} */

li,ol,ul {
	list-style: none
}

i,em,cite {
	font-style: normal
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	*zoom: 1
}

a {
	color: #333;
	text-decoration: none;
	outline: 0
}

textarea {
	resize: none
}

input[type="text"],input[type="password"],select,textarea,button,input[type="button"],input[type="reset"],input[type="submit"] {
	outline: 0;
	-webkit-user-modify: read-write-plaintext-only;
	-webkit-appearance: none;
	font-family: "Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif
}

.pr {
	position: relative
}

.abs {
	position: absolute
}

.fl {
	float: left
}

.fr {
	float: right
}

.tl {
	text-align: left
}

.tc {
	text-align: center
}

.tr {
	text-align: right
}


.test-prera{
    background: #193737;
    padding-bottom: 1.066667rem;
}
.test-top{
    width: 100%;
    background: url(/images/zhuanti/textpreraGreen/topbg.png) no-repeat;
    background-size:cover;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 6.09rem; 
    position: relative;
}
.test-top a{
    width: 2.53rem;
    height: 1rem;
    position: absolute;
    left: 0;
    top: 0;
}

.test-nav{
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom,#fadd6f,#ffbd38);
    padding: .133333rem 0;
}
.test-nav li{
    text-align: center;
    line-height: .8rem;
    height: .8rem;
    color: #537969;
    width: 25%;
    font-size: .4rem;
    font-weight: 600;
    border-right: .026667rem solid #e1b747;
}
.test-nav li.on{
    color: #193737;
    position: relative;
}
.test-nav li.on::after{
    position: absolute;
    display: block;
    content: "";
    height: .133333rem;
    width: 100%;
    left: 0;
    bottom: -0.133333rem;
    background: #537969;
}
.scoreMain{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1.04rem;
    position: relative;
    margin-top: .653333rem;
}
.scoreMain .scoreTitle{
    width: 6.28rem;
    height:1.253rem;
    background: url(/images/zhuanti/textpreraGreen/scoreImg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -0.106667rem; 
}
.scoreContent{
       width: 9.2rem;
       height: 3.68rem;
       background: url(/images/zhuanti/textpreraGreen/scoreincon.png) no-repeat;
       background-size: 100% 100%;
       color: #fff;
       padding: 0.745rem .533333rem .533333rem .533333rem;
       box-sizing: border-box;
       font-size: .32rem;
       line-height: .6rem;
       text-align: center;
}







.scoreMain .prizeTitle {
    width:6.266rem;
    height:1.253rem;
    background: url(/images/zhuanti/textpreraGreen/prizeTitleBg.png) no-repeat;
    background-size: 100% 100%;
}



.prizeContant{
    width: 9.2rem;
    height:11.1466rem;
    background: url(/images/zhuanti/textpreraGreen/prizeContentBg.png) no-repeat;
    background-size: 100% 100%;
    /* display: flex; */
    /* align-items: center; */
    padding-bottom: .8rem;
}
.prizeNow{
    position: absolute;
    right: -1.36rem;
    top: 0;
    width: 1.333333rem;
}


.prize01{
    width: 8.106667rem;
    height: 2.373333rem;
    background: linear-gradient(to top,#FFCF97,#fff);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: .36rem;
    box-sizing: border-box;
    border-radius: .106667rem;
    box-shadow: 0px .133333rem .266667rem rgba(83, 1, 7, 0.3);
    margin: 0 auto;
    margin-top: .9rem;

}
.prize01 h3{
    font-weight: 700;
    font-size: .373333rem;
    color: #B31714;
    text-align: center;
}
.prizeMain p{
    font-size: .32rem;
    color: #333;
    text-align: center;
    line-height: .48rem;
}
.prrzeImg img{
    width: 2.533333rem;
}
.prize02{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 8.106667rem;
    margin: 0 auto;
    margin-top: .533333rem;
}
.prize02Left{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(to top,#FFDCB1,#FFFFFF);
    box-shadow: 0px .133333rem .266667rem rgba(83, 1, 7, 0.3);
    border-radius: .053333rem;
    width: 3.84rem;
    height: 4.88rem;
    margin-right: .44rem;
    padding: .32rem 0;
    box-sizing: border-box;
}
.activeRuleFix{
    width: .626667rem;
    height: 1.6rem;
    background: url(/images/zhuanti/textpreraGreen/ruleimg.png) no-repeat;
    box-sizing: border-box;
    color: #B93C0A;
    text-align: center;
    font-size: .32rem;
    line-height: 0.36rem;
    position: absolute;
    right: 0rem;
    top: 1.733333rem;
    background-size: 100% 100%;
    padding-top: .106667rem;

}
.hideRule{
    height: 2.266667rem;
    background: url(/images/zhuanti/textpreraGreen/ruleImg02.png) no-repeat;
    background-size: 100% 100%;
}
#float02,#float03{
    position: relative;
}
.navFix{
    position: fixed;
    display: flex;
    flex-direction: column;
    width: 1.386667rem;
    height: 2.666667rem;
    right: .2rem;
    bottom: 5%;
    /* margin-top: -1.733333rem; */
    align-items: center;
    justify-content: space-between;
    z-index: 99999;
}
.navFix a img{
    width: 1.386667rem;
    height: 1.386667rem;
}
.prize02Left h3{
    font-size: .373333rem;
    color: #B31714;
    font-weight: 600;
    margin-bottom: .333333rem;
}
.prize02Left img{
    width: 1.873333rem;
    margin-bottom: .213333rem;
}
.prize02Left p{
    font-size: .32rem;
    color: #333;
    line-height: .48rem;
    text-align: center;
}
.prize02Right h3{
    margin-bottom: .493333rem;
}
.prize02Right img{
    width: 2.873333rem;
    margin-bottom: .586667rem;
}
.prizeDate{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: .533333rem;
}
.prizeBtn{
    width: 3.253333rem;
    height: .853333rem;
    background: url(/images/zhuanti/textpreraGreen/prizeBnt.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    color: #B21714;
    font-weight: 600;
    font-size: .346667rem;
    line-height: 0.75rem;
}
.prizeDate p{
    color: #FFD4D3;
    font-size: .32rem;
    margin-bottom: .266667rem;
}
.prizeDate p:nth-child(2){
    color: #fff;
    font-size: .346667rem;
}


/* 高赞帮 */
.hidePrise .scoreTitle{
    background: url(/images/zhuanti/textpreraGreen/hidePriseTitl.png) no-repeat;
    background-size: 100% 100%;
}
.highPriseMain{
    width: 9.2rem;
    height: auto;
    background: url(/images/zhuanti/textpreraGreen/higePriseBg.png) no-repeat;
    background-size: 100% 100%;
    padding-bottom: .533333rem;
    padding-top: .266667rem;
}
.highContant{
    width: 8.373333rem;
    height: auto;

    background: linear-gradient(to top,#F8D0A5,#FDFCF9);
    margin: 0 auto;
    padding: .346667rem .4rem .413333rem .4rem;
    box-sizing: border-box;
    border-radius: .106667rem;
    margin-top: .533333rem;
}
.highNam{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; 
}
.prise{
    display: flex;
    align-items: center;
    color: #FF5C24;
    font-size: .32rem;
}
.prise i{
    display: block;
    width: .346667rem;
    height: .373333rem;
    background: url(/images/zhuanti/textpreraGreen/higePriseImg.png) no-repeat;
    background-size:100% 100% ;
    margin-right: .16rem;
}
.prise.on i{
    background: url(/images/zhuanti/textpreraGreen/higePriseImg01.png) no-repeat;
    background-size:100% 100% ;
}
.prise span{
    display: block;
    width: .693333rem;
}
.highNam .name{
    color: #B93C0A;
    font-weight: 600;
    font-size: .32rem;
}
.comment{
    color: #B93C0A;
    line-height: .426667rem;
    font-size: .293333rem;
    margin-top: .266667rem;
}
.teacherReply{
    padding-top: .32rem;
    margin-top: .266667rem;
    border-top: 1px dashed #CB5F2E;
    color: #CB692E;
}
.experienShare .scoreTitle{
    background: url(/images/zhuanti/textpreraGreen/expriceTitle.png) no-repeat;
    background-size:100% 100% ;
}
.experienShare .scoreContent{
    width: 9.2rem;
    height: auto;
    background:  url(/images/zhuanti/textpreraGreen/expriceshare.png) no-repeat;
    background-size: 100% 100%;
}
.liveMain-list{
    margin-left: 0;
    width: 100%;
}
.highPriseBtn{
    width: 7.2rem;
    height: .933333rem;
    background: linear-gradient(to top,#FFE612,#FFB136);
    border-radius: .533333rem;
    text-align: center;
    color: #B93C0A;
    font-size: .373333rem;
    font-weight: bold;
    line-height: 0.93333rem;
    margin: 0 auto;
    margin-top: .266667rem;
}
.liveMain-list .swiper-slide a.playBtn{
    width: 2.2rem;
    height: .666667rem;
    text-align: center;
    line-height: .666667rem;
    background: linear-gradient(to bottom,#F9E177,#FFBC36);
    color: #B93C0A;
    font-size: .32rem;
    border-radius: .333333rem;
}
/* 课程购买 */
.course .scoreTitle{
    background:  url(/images/zhuanti/textpreraGreen/courseTitle.png) no-repeat;
    background-size: 100% 100%;
}
.courseList{
    width: 8.346667rem;
    height: auto;
    margin: 0 auto;
    background: linear-gradient(to top,#FCE8D0,#FFFFFF);
    padding: .373333rem .346667rem;
    box-sizing: border-box;
    border-radius: .266667rem;
    margin-top: .4rem;
    position: relative;
}
.label{
    color: #fff;
    font-size: .266667rem;
    text-align: center;
    width: 2.613333rem;
    height: .506667rem;
    line-height: .506667rem;
    border-radius: 0 .253333rem .253333rem  0;
    background: #F87A4F;
    position: absolute;
    top: .133333rem;
    left: 0;
}
.courseMain{
    
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.courseTopRight h3{
    font-size: .4rem;
    font-weight: bold;
    color: #B93C0A;
    line-height: 1;
}

.trait{
    margin-top: .32rem;
}
.trait p{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #B93C0A;
    font-size: .32rem;
    margin-bottom: .16rem;
}
.trait p i{
    display: inline-block;
    width: .346667rem;
    height: .346667rem;
    background: url(/images/zhuanti/textpreraGreen/sureImg.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .16rem;
}
.courseTopLeft{
    width: 3.013333rem;
    height: 3.226667rem;
    background: #FEE1CD;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .32rem;
    color: #CB5F2E;
    padding: .426667rem .16rem .16rem 0;
    margin-right: .48rem;
    border-radius: .16rem;
}
.courseTopLeft p{
    text-align: center;
    line-height: .48rem;
}
.courseTopLeft img{
    width: 2.106667rem;
    margin-top: .186667rem;
}
.presentPrice{
    color: #FF5C24;
    font-size: .32rem;
    margin-top: .266667rem;
}
.coursePrice{
    display: flex;
    flex-direction: column;
}
.presentPrice i{
    font-size: .266667rem;
    margin: 0 .106667rem;
}
.presentPrice span{
    font-size: .48rem;
    font-weight: bold;
}
.originPrice{
    color: #bbb;
    font-size: .266667rem;
    
}
.course .courseContant{
    background: url(/images/zhuanti/textpreraGreen/courseBg.png) no-repeat;
    background-size: 100% 100%;
    width: 9.2rem;
    height: auto;
    margin: 0 auto;
    padding-bottom: .533333rem;
    padding-top: .4rem;
}
.courseBtn{
    width: 100%;
    padding-top: .36rem;
    margin-top: .533333rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-TOP: .026667rem dashed #CB5F2E;
}
.courseBtn a{
    width: 2.933333rem;
    height: .8rem;
    line-height: .8rem;
    color: #B93C0A;
    font-size: .32rem;
    text-align: center;
    border-radius: .533333rem;

    border: .026667rem solid #B93C0A;
}
.courseBtn a:nth-child(2){
    background: linear-gradient(to left,#FF6E41,#F71E0E);
    color: #fff;
    margin-left: .426667rem;
    border: 0;
}
.conImmedia {
    width: 9.386667rem;
    height: 2.8rem;
    background: url(//www.jianshe99.com/upload/resources/image/2021/12/06/517342.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .853333rem;
    box-sizing: border-box;
    padding-left: 3.2rem;
    margin: 0 auto;
    margin-top: .533333rem;
}
.conImmedia p{
    color: #fff;
    font-size: .533333rem;
    /* box-shadow: 0px 0 .08rem rgba(252, 82, 47, 1); */
    margin-bottom: .133333rem;   
}
.conImmedia .btn{
    width: 3.253333rem;
    height: .853333rem;
    background: url(/images/zhuanti/textpreraGreen/immediate.png) no-repeat;
    background-size: cover;
    text-align: center;
    line-height: 0.683333rem;
    color: #FF5C24;
    font-size: .32rem;
}
.code{
    width: 9.333333rem;
    height: 5.12rem;
    background: url(/images/zhuanti/textpreraGreen/codeBg.png) no-repeat; 
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: .533333rem;
}
.codewx{
    margin-right: 1.066667rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.codewx img{
    width: 3.093333rem;
}
.codewx p{
    color: #FFE1E2;
    font-size: .32rem;
    margin-top: .346667rem;
    text-align: center;

}
/* 打榜记录 */
.records{
    width: 100%;
    background: url(//m.jianshe99.com/jianzao/zhuanti/xinde/images/shareImg.png) no-repeat left top;
    height: 13.786667rem;
    background-size: 100%;
    position: relative;
}
.recordBottom{
    height: 3.2rem;
    background: linear-gradient(to bottom,#fdae75,#ff8641);
    position: fixed;
    bottom: 0;
    width: 100%;
}
.recordMain{
    width: 8.933333rem;
    height: 13.813333rem;
    display: flex; 
    align-items: center;
    background: url(/images/zhuanti/textpreraGreen/recordImageGreen/recoredBg.png) no-repeat;
    background-size: 100% 100%;
    flex-direction: column;
    padding: 0 .613333rem;
    padding-top: .746667rem;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -4.45rem;
    margin-top: -5.9rem;
}
.recordMain .titleImg{
    width: 4.426667rem;
    height: .693333rem;
}
.recordMain  h3{
    font-size: .586667rem;
    color: #333;
    margin-top: .32rem;
    font-weight: bold;
}
.recordContant{
    display: flex;
    align-items: center;
    flex-direction: column;
    max-height: 7rem;
    min-height: 7rem;
    overflow-y: auto;
    margin-bottom: 1rem;
}
.makeList .recordContant{
    max-height: 6rem;
    margin-bottom: 0px;
    height: 6rem;
}
.recordContant p{
    margin-top: .32rem;
    color: #333;
    font-size: .4rem;
    display: flex;
    align-items: flex-start;
}
.recordContant p em{
    display: block;
    width: 2.933333rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.recordContant p span{
    color: #666;
    /* margin-left: .266667rem;  */
    width: 4.64rem;  
}
.spriceNum{
    display: flex;
    align-items: center;
    justify-content: center;
}
.spriceNum span{
    font-size: .426667rem;
    color: #D71001;
}
.shareBtn{
    width: 7.2rem;
    height: 1.093333rem;
    font-size: .453333rem;
    color: #fff;
    text-align: center;
    line-height: 1.093333rem;
    border-radius: .533333rem;
    background: linear-gradient(to left,#f8772d,#ff6e40);
    margin-top: .466667rem;
}
.recondzan{
    width: 2.666667rem;
}
.makeList{
    height: 14.186667rem;
}
.chakan{
    margin-top: .4rem;
    color: #FF6C40;
    font-size: .373333rem;
    display: flex;
    align-items: center;

}
.chakan img{
    width: .213333rem;
}
/* 打榜 */
.stuInfo{
    padding: 0 .4rem;
    box-sizing: border-box;
}
.stu{
    display: flex;
    align-items: center;
}
.terch{
    display: flex;
    align-items: flex-start;
    margin-top: .666667rem;
}
.stu img,.terch img{
    height: .426667rem;
}
.stu span,.terch span{
    margin: 0 .16rem;
    font-size: .426667rem;
}
.stu input{
    width: 5.973333rem;
    height: .906667rem;
    line-height: .906667rem;
    border: .053333rem;
    background: #fafafa;
    border: .026667rem solid #e7e7e7;
    color: #333;
    font-size: .426667rem;
    padding-left: .266667rem;
}
.stuName,.terchName{
    display: flex;
    align-items: center;
    width: 2.72rem;
}
.teselect ul{
    margin-left: -2px;
}
.teselect ul li{
    font-size: .4rem;
    color: #666;
    float: left;
    /* padding-left: 10px; */
    width: 2.133333rem;
    margin-bottom: .133333rem;
}
.teselect{
    flex: 1;
}
.teselect ul li i{
    display:inline-block;
    width: .4rem;
    height: .4rem;
    border: .026667rem solid #666;
    border-radius: .053333rem;
    background: #fff;
    vertical-align: middle;
}
.teacherAssess{
    margin-top: .533333rem;
}
.teaAssMain{
    margin-bottom: .4rem;
}
.teaTitle{
    display: flex;
    align-items: center;
}
.teaTitle span{
    font-size: .426667rem;
    color: #333;
    padding-left: .213333rem;
    position: relative;
    line-height: 1;
}
.teaTitle span::after{
    display: block;
    content: "";
    width: .093333rem;
    height: .426667rem;
    position: absolute;
    left: 0;
    top: 0;
    background: #FF6C40;
}
.teselect ul li.on i{
    background: url(/images/zhuanti/textpreraGreen/recordImageGreen/seleBg.png) no-repeat;
    background-size: 100% 100%;
}
.xingxing{
    display: flex;
    align-items: center;
    margin-left: .906667rem;
    margin-right: .773333rem;
}
.xingxing i{
    display: inline-block;
    width: .426667rem;
    height: .426667rem;
    background: url(/images/zhuanti/textpreraGreen/recordImageGreen/xingImg.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .106667rem;
}
.xingxing i.on{
    background: url(/images/zhuanti/textpreraGreen/recordImageGreen/xingxingimggrey.png) no-repeat;
    background-size: 100% 100%;
}
.highlyRecom{
    width: 1.6rem;
    height: .453333rem;
    color: #FE6C49;
    line-height: .45333rem;
    text-align: center;
    background: #FDE6DF;
    border-radius: .053333rem;
}
.teactextArea{
    width: 100%;
    display: block;
    border-radius: .266667rem;
    height: 2.666667rem;
    color: #333;
    background: #FAFAFA;
    border: 1px solid #E7E7E7;
    padding: .266667rem;
    box-sizing: border-box;
    font-size: .4rem;
}
.vratue{
    
    margin-top: .4rem;
    margin-left: -0.266667rem;
}
.vratue li{
    padding-left: 0.133rem;
    float: left;
    margin-bottom: .453333rem;
}
.vratue li span{
    display: block;
    width: 2.8rem;
    height: .693333rem;
    text-align: center;
    color: #FF6D40;
    line-height: .69333rem;
    border: 1px solid #FF6D40;
    border-radius: .346667rem;
    font-size: .346667rem;
    text-align: center;
}
.vratue li.on span{
    background: linear-gradient(to right,#ff6e40,#f8772d);
    color: #fff;
}
.exShare{
    margin-top: .693333rem;
}
.exHsreTitle{
    display: flex;
    align-items: center;
    font-size: .426667rem;
    color: #464A4C;
    margin-bottom: .466667rem;
}
.exHsreTitle img{
    height: .426667rem;
    margin-right:  .16rem;
}
.textINfo{
    color: #999EA0;
    font-size: .32rem;
    margin-top: .306667rem;
}
.textBtn{
    width: 8.533333rem;
    height: 1.093333rem;
    line-height: 1.093333rem;
    color: #fff;
    text-align: center;
    background: linear-gradient(to left,#f8772c,#ff6e41);
    border-radius: .533333rem;
    margin:0 auto;
    margin-top: .666667rem;
    margin-bottom: .533333rem;
    font-size: .426667rem;
}
.chiocTer{
    width: 100%;
    height: 2.666667rem;
    text-align: center;
    line-height: 2.666667rem;
    color: #999;
    font-size: .32rem;
}
.maskNow{
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;

}
.maskNow span{
    display: block;
    min-width: 1.6rem;
    height: .533333rem;
    padding: .106667rem .16rem;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: .32rem;
    border-radius: .106667rem;
    text-align: center;
    line-height: .533333rem;
}
.navFixed{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.activeRule{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    align-items: center;
    justify-content: center;

    
}
.activeRuleMain{
    background: #fff;
    width: 8.4rem;
    height: 14.56rem;
    border-radius: .266667rem;
    padding: .506667rem;
    box-sizing: border-box;
}
.activeRuleMain h3{
    text-align: center;
    margin-bottom: .666667rem;
    color: #333;
    font-size: .48rem;
    font-weight: bold;
}
.activeRuleMain p{
    display: flex;
    align-items: flex-start;
    margin-bottom: .133333rem;
}
.activeRuleMain p span:nth-child(1){
    width: .453333rem;
    height: .453333rem;
    background: #FF6D40;
    color: #fff;
    text-align: center;
    font-size: .32rem;
    line-height: .453333rem;
    margin-right: .266667rem;
    border-radius: 50%;
    margin-top: .106667rem;
}
.activeRuleMain p span:nth-child(2){
    flex: 1;
    color: #666;
    line-height: .693333rem;
    font-size: .32rem;
}
.chakanBtn{
    width: 4.533333rem;
    height: 1.066667rem;
    border-radius: .533333rem;
    color: #fff;
    line-height: 1.066667rem;
    text-align: center;
    background: linear-gradient(to left,#FF6E41,#F71E0E);
    margin: 0 auto;
    margin-top: .533333rem;
}
.liveMain-list{
    background: url(/images/zhuanti/textpreraGreen/qs_03.png) no-repeat center 0.46rem;
    background-size: 8.173rem 0.093rem;
}
#wrapper{
    height: 10.666667rem;
}
.pull-loading {
    text-align: center;
    height: 0.533rem;
    line-height: 0.533rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.liveMain-list .swiper-slide i{
    top: 0.24rem;
    left: -0.029333rem;
}
.liveMain-list .swiper-slide p:nth-child(1){
    margin-top: .8rem;
    line-height: 1;
    font-weight: bold;
    font-size: .32rem;
    width: 3.733333rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    height: auto;
}
.liveMain-video{
    border: .066667rem solid #F4A465;
    border-radius: .106667rem;
    width: 8rem;
}
.liveMain-video img{
    width: 100%;
}
.liveMain-list .swiper-slide span{
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top: .266667rem;
}
.liveMain-list .swiper-slide span img{
    width: .346667rem;
    margin-right: .133333rem;
}
.liveMain-list .swiper-slide p.bttit{
    display: flex;
    align-items: center;
}
.liveMain-list .swiper-slide p.bttit img{
    width: .346667rem;
    margin-right: .133333rem;
}
.liveMain-list .swiper-slide.on p:nth-child(1){
    color: #FADA6A;
}
.liveMain-list .swiper-slide.on span{
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.scale{
    transform: scale(1.4);
    transform-origin: center center; 
    transition: 0.2s;
}
.scale01{
    transform: scale(1);
    transform-origin: center center; 
}
.liveMain-list .swiper-slide.on i{
    background: url(/images/zhuanti/textpreraGreen/pointYellow.png) no-repeat;
    background-size: 100% 100%;
}
.makeList .recordContant p em{
    width: 2.133333rem;
}
.liveMain-list .swiper-slide i{
    width: .293333rem;
    height: .293333rem;
}
.liveMain-list .swiper-slide p,.liveMain-list .swiper-slide span{
    font-weight: 400;
}
.fixShare{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}
#infoShare{
    position: absolute;
    width: 100%;
    bottom: 0;

}
.closeBnt{
    width: .8rem;
    height: .8rem;
    text-align: center;
    font-size: .533333rem;
    /* line-height: 30px; */
    border-radius: 50%;
    position: absolute;
    top: .533333rem;
    border: 1px solid #999;
    color: #999;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    right: .533333rem;
}
.nolist{
    text-align: center;
    line-height: 5.333333rem;
    color: #fff;
    font-size: .373333rem;
}
.course-pop .course-pop-list .original-price.onPrice{
    text-decoration: none;
    font-weight: 600;
    color: #FF7901
}