/* Common StyleSheet -- Start */
* {
    margin: 0;
    padding: 0;
    border: 0;
    border: none;
    box-sizing: border-box;
    font-family: 'pingfang sc';
}

html,
body {
    margin: 0;
    padding: 0;
    border: 0;
    border: none;
    box-sizing: border-box;
    font-family: 'pingfang sc';
}

body {
    position: relative;
}

.dn {
    display: none !important;
}

a {
    cursor: pointer;
}

a:visited,
a:link,
a:active,
a:hover {
    text-decoration: none;
}

i {
    font-style: normal;
}

li {
    list-style-type: none;
}

img {
    vertical-align: middle;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.clearfix {
    zoom: 1;
}


/* .hide {
    display: none !important;
} */

.cancelled {
    text-decoration: line-through;
}

.jw-icon-barlogo-new {
    display: none !important;
}

/* Common StyleSheet -- End */
/* Common Mobile StyleSheet -- Start */
.page {
    width: 10rem;
    margin: 0 auto;
}

/* Common Mobile StyleSheet -- End */
/* Common reused module -- Start */
/* Common reused module -- End */
.jw-adv {
    width: 60% !important;
    height: 66% !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}

body,
.page {
    background: #f5f5f5;
}

.page {
    padding-bottom: 1.6rem;
}

.drawer {
    z-index: 400000;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.drawer .content {
    position: fixed;
    left: 50%;
    top: 1.12rem;
    width: 10rem;
    margin-left: -5rem;
    background: #fff;
    z-index: 400000;
}

.drawer .content .all-site-nav>li {
    display: block;
    padding: 0 0.4rem;
    border-top: 0.014rem solid #dadadc;
}

.drawer .content .all-site-nav>li:last-of-type {
    border-bottom: 0.014rem solid #dadadc;
}

.drawer .content .all-site-nav>li a {
    display: block;
    font-size: 0.4rem;
    line-height: 1.066667rem;
    color: #2a2e3d;
}

.drawer .content .all-site-nav>li a:active {
    color: #e60012;
}

.drawer .content .help-center {
    display: block;
    margin: 0.24rem auto;
    text-align: center;
    background: #3bb4f2;
    font-size: 0.32rem;
    line-height: 0.64rem;
    color: #fff;
    border-radius: 0.08rem;
}

.back-top-container {
    display: none;
}

.back-top-container .back-top {
    z-index: 100;
    position: fixed;
    right: 0.4rem;
    bottom: 3.6rem;
    width: 1.2rem;
    height: 1.2rem;
    display: table;
    border: 0.014rem solid #dadadc;
    border-radius: 0.6rem;
    background: #fff;
}

.back-top-container .back-top>p {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #2a2e3d;
    font-size: 0.293333rem;
}

.back-top-container .back-top>p .ei {
    font-size: 0.4rem;
    display: block;
    margin: 0 auto;
    /* padding-left: 0.15rem; */
}

.buy-area {
    z-index: 200;
    position: fixed;
    right: 50%;
    bottom: 0;
    width: 10rem;
    margin-right: -5rem;
    height: 1.866667rem;
    line-height: 1.866667rem;
    border-top: 0.014rem solid #dadadc;
    background: #fff;
}

.buy-area .warning {
    width: 10rem;
    height: 0.7rem;
    background: #fff8c7;
    text-align: center;
    font-size: 0.3125rem;
    line-height: 0.7rem;
    color: #c05d1a;
    position: absolute;
    top: -0.7rem;
    left: 0;
    display: none;
}

.buy-area .limit_one {
    width: 10rem;
    height: 0.7rem;
    background: #fff8c7;
    text-align: center;
    font-size: 0.3125rem;
    line-height: 0.7rem;
    color: #c05d1a;
    position: absolute;
    top: -0.7rem;
    left: 0;
    display: none;
}

.buy-area .limit_one .tanhao {
    float: left;
    width: 0.28rem;
    height: 0.28rem;
    background: url('../img/zhuyi2-41950b7983.png') no-repeat top center;
    background-size: contain;
    margin: 0.2rem 0.2rem;
}

.buy-area .limit_one .words {
    float: left;
}


.buy-area>p {
    padding-left: 0.4rem;
    font-size: 0.75rem;
    color: #e60012;
    line-height: 0.6rem;
    padding-top: 0.25rem;
    line-height: 0.9rem;
    display: table-cell;
}

.buy-area>p .buyerTimes {
    font-size: 12px;
    color: #999;
    display: block;
    font-weight: normal;
    line-height: 13px;
    margin-top: -0.2rem;
}

.buy-area>p .small {
    margin-right: -0.08rem;
    font-size: 0.3733333rem;
}

.buy-area>p .texts {

    font-size: 0.373333rem;
    line-height: 0.586667rem;
    color: #2a2e3d;
}


.buy-area .btn-group {
    height: 0.933rem;
    line-height: 0.933rem;
    position: absolute;
    right: 0.45rem;
    bottom: 0.62rem;
    text-align: center;
}

.buy-area .btn-group>a {
    float: left;
    display: block;
    width: 2.666667rem;
    font-size: 0.34rem;
    color: #fff;
    box-shadow: 0 0 0.133333rem rgba(255, 128, 63, 0.2);
    font-weight: bold;
    height: 0.96rem;
}

.buy-area .btn-group>a.zx {
    margin-right: 0.234rem;
    border-radius: 0.6rem;
    background: linear-gradient(to right, #f6a742, #f5bc42);
}

.buy-area .btn-group>a.zhichi,
.buy-area .btn-group>a.tangLang {
    margin-right: 0.234rem;
    border-radius: 0.6rem;
    background: linear-gradient(to right, #f6a742, #f5bc42);
}

.buy-area .btn-group>a.zhichi3 {
    margin-right: 0.234rem;
    border-radius: 0.6rem;
    background: linear-gradient(to right, #f6a742, #f5bc42);
}

.buy-area .btn-group>a.zx2 {
    margin-right: 0.234rem;
    border-radius: 0.6rem;
    background: linear-gradient(to right, #f6a742, #f5bc42);
}

.buy-area .btn-group>a.buy {
    width: 2.666667rem;
    border-radius: 0.6rem;
    /* background: linear-gradient(to right, #de3b2c, #ef5437); */
    background: #de3424;
}

.buy-area .btn-group>a.buy_again {
    color: #666;
    background: none;
    box-shadow: none;
    text-decoration: underline;
    font-size: 0.34rem;
    margin-right: 0.2rem;
    display: none;
}

.buy-area .btn-group>a.buy.disabled {
    background: #bcc0c4;
}

.buy-area .btn-group>a.sold_out {
    width: 2rem;
    border-radius: 0.6rem;
    background: #9f9f9f;
    color: #fff;
}

.buy-area .btn-group>a.unable {
    width: 2rem;
    border-radius: 0.6rem;
    background: #9f9f9f;
    color: #fff;
    display: none;
}

.buy-area.buy-area_ios {
    background: #ccc;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: none;
}

.buy-area .buy-area-offcn {
    /* width: 686px;
    height: 92px; */
    width: 9.14rem;
    height: 1.22rem;
    border-radius: 0.6rem;
    background: linear-gradient(to right, #ffab1a, #ff8040);
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: block;
    margin: 0.3rem auto;
    line-height: 1.22rem;
}

.pop_box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: none;
}

.pop_box .shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

.pop_box .inner {
    width: 7.25rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.5rem;
    margin-left: -3.62rem;
    background: #fff;
    border-radius: 0.3rem;
}

.pop_box .inner p {
    font-size: 0.42rem;
    font-weight: bold;
    color: #333;
    text-align: center;
    line-height: 1.81rem;
    border-bottom: 0.014rem solid #ccc;
}

.pop_box .inner .close-btn {

    margin: 0 auto;
    color: #347af7;
    font-size: 0.42rem;
    text-align: center;
    line-height: 1.2rem;
    font-weight: bold;
    cursor: pointer;
}



.pop_box_book {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    display: none;
}

.pop_box_book .shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

.pop_box_book .inner {
    width: 7.25rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.5rem;
    margin-left: -3.62rem;
    background: #fff;
    border-radius: 0.3rem;
}

.pop_box_book .inner p {
    font-size: 0.42rem;
    font-weight: bold;
    color: #333;
    text-align: center;
    line-height: 0.6rem;
    border-bottom: 0.014rem solid #ccc;
    height: 1.8rem;
    padding-top: 0.3rem;
}

.pop_box_book .inner .close-btn {

    margin: 0 auto;
    color: #347af7;
    font-size: 0.42rem;
    text-align: center;
    line-height: 1.2rem;
    font-weight: bold;
    cursor: pointer;
}

.order-selector-wrapper {
    z-index: 2001;
    display: none;
    position: fixed;
    right: 50%;
    bottom: 0;
    width: 10rem;
    margin-right: -5rem;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.order-selector-wrapper .order-selector {
    position: fixed;
    right: 50%;
    bottom: 0;
    width: 10rem;
    margin-right: -5rem;
    padding: 0 0.4rem 0.32rem;
    background: #fff;
    border-top-left-radius: 0.266667rem;
    border-top-right-radius: 0.266667rem;
    /* faster than normal */
    animation-duration: 0.5s;
}


/*toast*/
.order-selector-wrapper .order-selector .toast {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.order-selector-wrapper .order-selector .toast p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0.3733333rem 0.6rem;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.6666667rem;
    color: #fff;
    font-size: 0.32rem;
}

.order-selector-wrapper .order-selector h3 {
    padding-top: 0.8rem;
    padding-bottom: 0.2666667rem;
    line-height: 0.5866667rem;
    position: relative;
    font-weight: 525;
    font-size: 0.32rem;
    color: #2a2e3d;
    border-bottom: 0.014rem solid #dadadc;
}

.order-selector-wrapper .order-selector h3 .close-btn {
    position: absolute;
    right: 0;
    color: #bcc0c4;
    top: 0.3rem;
}

.order-selector-wrapper .order-selector h3 .p1 .s1 {
    display: inline-block;
    width: 1.1666667rem;
    text-align: justify;
    text-align-last: justify;
    color: #999fa7;
}

.order-selector-wrapper .order-selector h3 .p2 {
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.order-selector-wrapper .order-selector .p0 .s3 {
    color: #e60012;
}

.order-selector-wrapper .order-selector .p0 .s3 b {
    font-size: 14px;
    font-weight: normal;
}

.order-selector-wrapper .order-selector .p2 .s3 b:nth-last-child(1) {
    display: none;
}

.summary .specification #class_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 6.5rem;
    vertical-align: top;
}

.summary .specification #class_name b:nth-last-child(1) {
    display: none;
}

.order-selector-wrapper .order-selector h3 .close-btn .ei {
    font-size: 0.4rem;
}

#sku_container {
    max-height: 7.013333rem;
    overflow-y: scroll;
    overflow-x: hidden;
}

.order-selector-wrapper .order-selector .options-wrapper {
    padding: 0.533333rem 0 0.0rem;
    border-bottom: 0.014rem solid #dadadc;
}

/* AI课 规格说明图片 */
.order-selector-wrapper .order-selector .options-wrapper img{
    width: 100%;
    display: none;
}

.order-selector-wrapper .order-selector .options-wrapper:nth-last-child(1) {
    padding: 0.533333rem 0 0.0rem;
    border-bottom: none;
}


.order-selector-wrapper .order-selector .options-wrapper>p {
    margin-bottom: 0.4rem;
    font-size: 0.3466667rem;
    color: #333333;
}


.order-selector-wrapper .order-selector .options-wrapper>a {

    line-height: 0.44rem;
    display: inline-block;
    margin-right: 0.4rem;
    max-width: 100%;
    margin-bottom: 0.32rem;
    padding: 0.186666rem 0.32rem;
    border-radius: 0.18rem;
    font-size: 0.293333rem;
    font-weight: normal;
    color: #2a2e3d;
    background: #f2f2f2;
    border: 0.014rem solid #f2f2f2;
}

.order-selector-wrapper .order-selector .options-wrapper>a.active {
    font-weight: 525;
    color: #e60012;
    border: 0.014rem solid #e60012;
    background: rgba(239, 83, 61, 0.05);
}

.order-selector-wrapper .order-selector .sure-buy-wrapper {
    padding-top: 0.4rem;
    margin-bottom: 0.3rem;
}

#buy_again {
    width: 4.4rem;
    height: 0.94rem;
    background: linear-gradient(to right, #f6a742, #f5bc42);
    border-radius: 0.6rem;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 0.35rem;
    line-height: 0.94rem;
    margin-right: 0.2rem;
    display: none;
}

#buy_again.ashow {
    display: inline-block;
}

.ahide {
    display: none;
}

.order-selector-wrapper .order-selector .sure-buy-wrapper .sure-buy.again {
    width: 4.4rem;
    height: 0.94rem;
    border-radius: 0.6rem;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 0.35rem;
    line-height: 0.94rem;
    background: linear-gradient(to right, #de3b2c, #ef5437);
}

.order-selector-wrapper .order-selector .sure-buy-wrapper .sure-buy {
    height: 0.94rem;
    line-height: 0.94rem;
    display: inline-block;
    text-align: center;
    width: 100%;
    border-radius: 0.6rem;
    font-size: 0.35rem;
    color: #fff;
    background: linear-gradient(to right, #de3b2c, #ef5437);
    /* font-weight: bold; */
}

.order-selector-wrapper .order-selector .sure-buy-wrapper .sure-buy-ios {
    height: 0.94rem;
    line-height: 0.94rem;
    display: inline-block;
    text-align: center;
    width: 100%;
    border-radius: 0.6rem;
    font-size: 0.35rem;
    color: #fff;
    background: #ccc;
    display: none;
}

.order-selector-wrapper .order-selector .sure-buy-wrapper .soldOut {
    height: 0.94rem;
    line-height: 0.94rem;
    display: inline-block;
    text-align: center;
    width: 100%;
    border-radius: 0.6rem;
    font-size: 0.35rem;
    color: #fff;
    background: #ccc;
    display: none;
}



#zx2 {
    height: 0.94rem;
    line-height: 0.94rem;
    text-align: center;
    width: 100%;
    border-radius: 0.6rem;
    font-size: 0.35rem;
    color: #fff;
    position: relative;
    background: linear-gradient(to right, #dc3021, #ef5437);
    display: none;
}

#zx2 .limit_one_tip {
    position: absolute;

}

.limit_one_tip {
    width: 10rem;
    height: 0.53rem;
    background: #fff8c7;
    text-align: center;
    font-size: 0.266666rem;
    line-height: 0.53rem;
    color: #c05d1a;
    position: absolute;
    top: -0.53rem;
    left: -0.4rem;
}

.limit_one_tip .tanhao {
    float: left;
    width: 0.28rem;
    height: 0.28rem;
    background: url('../img/zhuyi2-41950b7983.png') no-repeat top center;
    background-size: contain;
    margin: 0.1rem 0.2rem;
}

.limit_one_tip .words {
    float: left;
}



.order-selector-wrapper .order-selector .sure-buy-wrapper .sure-buy.bought {
    background: linear-gradient(to right, #f33d49, #ff7f8a);
}

.order-selector-wrapper .order-selector .sure-buy-wrapper .sure-buy.disabled {
    background: #bcc0c4;
}

header {
    z-index: 600;
    height: 1.12rem;
    line-height: 1.12rem;
    position: relative;
    text-align: center;
    margin-bottom: -1.12rem;
}

header a {
    height: 1.12rem;
    line-height: 1.12rem;
    position: absolute;
    top: 0;
    color: #fff;
    text-shadow: 0px 1px 6px #000;
}

header .go-back {
    left: 0.4rem;
    display: none;
}

header .go-back .ei {
    font-size: 0.533333rem;
}

header .title {
    padding: 0 1.786667rem;
    font-size: 0.533333rem;
    font-weight: 525;
    display: none;
}

header .nav-button {
    right: 0.4rem;
    font-size: 0.426667rem;
}

header .nav-button>span {
    display: inline-block;
    vertical-align: 0;
}

header .nav-button>span.rx {
    animation-name: rX;
}

header .nav-button>span.reversed-rx {
    animation-name: reversedRX;
}

header .nav-button .ei {
    font-size: 0.4rem;
}

.banner {
    height: 5.6296rem;
    position: relative;
    z-index: 601;
}

.banner>img {
    width: 100%;
    height: 100%;
}

.banner .play-btn {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.banner .play-btn>img {
    width: 1.253333rem;
    height: 1.253333rem;
}

.banner #player-wrapper {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.summary {
    color: #2a2e3d;
    margin-bottom: 0.1333333rem;
    padding: 0.533333rem 0.4rem 0.533333rem;
    background: #fff;
}

.summary.skus {
    margin-bottom: 0.0233333rem;
}

.summary.box1 {
    padding-bottom: 0.3rem;
}

.summary h3 {
    margin-bottom: 0.3rem;
    font-size: 0.45333333rem;
    font-weight: bold;
    line-height: 0.586666667rem;
    color: #333;
    /* font-family: 'FZLTHJW'; */
}

.summary>p {
    text-align: center;
    display: inline-block;
    margin-right: 0.2rem;
    margin-bottom: 0.366667rem;
}

.summary .price {
    padding-left: 0.4rem;
    color: #e60012;
}

.summary .price .price1 {
    /* margin-left: -0.15rem; */
    font-size: 0.75rem;
    line-height: 0.64rem;
}

.summary .price>.small {
    font-size: 0.48rem;
}

.summary .ori-price {
    line-height: 0.32rem;
    color: #bcc0c4;
    font-size: 0.32rem;
}

.summary .ori-price .cancelled {
    margin-left: -0.1rem;
}

.summary .tag {
    line-height: 0.32rem;
    line-height: 0.32rem;
    padding: 0.000001rem 0.213333rem;
    color: #e60012;
    font-size: 12px;
    border-radius: 0.16rem;
    background: #fde5e2;
}

.summary .protocol {
    color: #bcc0c4;
    margin-bottom: 0.46667rem;
    font-size: 0.346667rem;
}

.summary .specialService .inline-label {
    position: relative;
    font-size: 0.373333rem;
    color: #bcc0c4;
    float: left;
    margin-right: 0.2rem;
}

.summary .specialService .txts {
    float: left;
    width: 80%;
}

.summary .specialService .txts a {
    font-size: 0.373333rem;
    color: #2a2e3d;
}

.summary .specialService .txts span:nth-last-child(1) {
    display: none;
}


.summary .specification {
    position: relative;
    font-size: 0.373333rem;
    color: #2a2e3d;
}


.summary .specification .inline-label {
    color: #bcc0c4;
    margin-right: 0.2rem;
}

.summary .specification .inline-btn {
    position: absolute;
    right: 0;
    color: #2a2e3d;
}

.summary .specification .inline-btn .ei {
    font-size: 0.19rem;
}

.videolist_title.teacher_title {
    background: #fff;

    border-bottom: none;
}

.teachingStuff {
    background: #ffffff;
    padding: .5rem 0;
    border-bottom: 0.014rem solid #e6e6e6;
    padding-top: 0;
}

.teachingStuff .staff_title {
    font-size: 0.426667rem;
    margin-left: .4rem;
}

.staff_message {
    display: flex;
    overflow-x: scroll;
    margin-top: .4rem;
    margin-left: .4rem;
}

.staff_detail {
    flex-shrink: 0;
    width: 8rem;
    border-radius: 8px;
    margin-right: .3rem;

}

.staff_detail1 {
    width: 9.2rem;
}


.teachingStuff .staff_top {
    display: flex;
    font-size: 0.3466667rem;
    margin-top: .4rem;
    margin-left: .4rem;
}

.teachingStuff .staff_top .avatar {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: url('../img/avatar_bg-68cfbe6b3a.png') no-repeat top center;
    background-size: 100%;
    margin-right: .4rem;
}

.teachingStuff .staff_top .avatar img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
}


.teachingStuff .staff_top .staff_mark {
    margin-left: .1rem;
    font-size: .32rem;
    padding: 0 .1rem;
    color: #e60012;
    background: #fff6f3;
}

.teachingStuff .staff_top .staff_title1 {
    font-size: 0.3733333rem;
    line-height: 0.3733333rem;
    margin-top: 0.16rem;
    margin-bottom: 0.16rem;
    color: #333;

    font-weight: bold;
}

.teachingStuff .staff_top .staff_title2 {
    width: 6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
    font-size: 0.32rem;
    line-height: 0.4rem;
    font-family: 'pingfang sc';
}

.teachingStuff .staff_bottom {
    display: flex;
    font-size: 0.32rem;
    line-height: 0.5333333rem;
    margin: 0.2rem 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #333;
}

.speaksman-list li {
    display: flex;
    border-radius: 8px;
    border: solid 1px #f2f2f2;
    box-shadow: 0px 0px 15px 0px rgba(188, 192, 196, 0.2);
    margin-bottom: .2rem;
    padding: 0 .2rem;
}

.speaksman-list .avatar {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: url('../img/avatar_bg-68cfbe6b3a.png') no-repeat top center;
    background-size: 100%;

    margin: 0 auto;
}




.speaksman-list .avatar img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50px;
}

.speaksman-list .major {
    background: #fff6f3;
    color: #e60012;
    display: inline;
    padding: 0 0.14rem;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.speaksman-list .username {
    font-weight: bold;
    color: #2a2e3d;
}


.speaksman-list li .speaksman-name {
    text-align: center;
    width: 3.6rem;
    float: left;
}

.speaksman-list li .speaksman-content {
    margin-left: .2rem;
    float: left;
    width: 7.5rem;
}

.speaksman-list li .speaksman-content .speaksman-title {
    width: 6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.speaksman-list li .speaksman-content .introduction {
    color: #9a9fa6;
    width: 6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.pt-list-wrapper {
    background: #fff;
    margin: .133rem 0;
    display: none;
}

.pt-list-wrapper .pt-list-title {
    font-size: 0.4rem;
    padding: .2766667rem .4rem;
    box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5;
}

.pt-list-wrapper .pt-list {
    height: 3.9rem;
    overflow-y: scroll;
}

.pt-list-wrapper .pt-list .pt-list-item {
    width: 100%;
    padding: .2667rem .4rem;
    box-sizing: border-box;
}

.pt-list-wrapper .pt-list .pt-list-item .pt-info {
    width: 7.4rem;
    float: left;
}

.pt-list-wrapper .pt-list .pt-list-item .pt-info>img {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    float: left;
}

.pt-list-wrapper .pt-list .pt-list-item .pt-info .pt-promoter {
    font-size: .346rem;
    height: 1rem;
    line-height: 1rem;
    float: left;
    width: 2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: .4rem;
}

.pt-list-wrapper .pt-list .pt-list-item .pt-info .pt-detail {
    height: 1rem;
    float: right;
    margin-left: .4rem;
    text-align: right;
    line-height: .5rem;
    font-size: .2667rem;
}

.pt-list-wrapper .pt-list .pt-list-item .pt-info .pt-detail .pt-detail-num {
    height: .5rem;
}

.pt-list-wrapper .pt-list .pt-list-item .pt-info .pt-detail .pt-detail-time {
    height: .5rem;
}

.pt-list-wrapper .pt-list .pt-list-item .pt-button {
    width: 1.3333rem;
    text-align: center;
    height: .6667rem;
    line-height: .6667rem;
    font-weight: bold;
    border-radius: .6rem;
    color: #fff;
    font-size: .2667rem;
    display: block;
    float: right;
    background: #de3424;
    box-shadow: 0 0 0.133333rem rgb(255 128 63 / 20%);
    margin-top: .16666rem;
}

.info-nav-wrapper {
    height: 1.466667rem;
    background: #fff;
}

.info-nav-wrapper .info-nav {
    display: table;
    width: 10rem;
    height: 1.48rem;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
}

.info-nav-wrapper .info-nav.fixed {
    z-index: 100;
    position: fixed;
    top: 0;
}

.info-nav-wrapper .info-nav>li {
    position: relative;
    display: table-cell;
    width: 25%;
    text-align: center;
    vertical-align: middle;
}

.info-nav-wrapper .info-nav>li>a {
    font-size: 0.4rem;
    font-weight: 525;
    color: #333;
    font-family: FZLTHJW;
    font-weight: bold;
}

.info-nav-wrapper .info-nav>li.active>a {
    color: #e60012;
}

.info-nav-wrapper .info-nav>li .underline {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0.2rem;
    margin-left: -0.4rem;
    width: 0.8rem;
    height: 0.08rem;
    border-radius: 0.04rem;
    background: #e60012;
}

.info-nav-wrapper .info-nav>li.active .underline {
    display: block;
}

.info-show {
    padding-bottom: 0.2rem;
}

.info-show>li {
    background: #fff;
    padding: 0 0.4rem;
}

.info-show>li.no-padding {
    padding: 0;
}

.info-show>li.active {
    display: block;
}

.chunk {
    /*border-bottom: 0.014rem  solid #dadadc;*/
    padding: 0.4rem 0;
}

.chunk .introduction {
    border-bottom: 0.014rem solid #dadadc;
}

.chunk>h4 {
    position: relative;
    margin-bottom: 0.533333rem;
    padding-left: 0.32rem;
    font-size: 0.426667rem;
    font-weight: 525;
    color: #2a2e3d;
}

.chunk>h4 .sideline {
    position: absolute;
    left: 0;
    top: 50%;
    width: 0.133333rem;
    height: 0.32rem;
    margin-top: -0.16rem;
    border-radius: 0.066667rem;
    background: #e60012;
}

.chunk .content {
    font-size: 0.373333rem;
    color: #333;
}

.chunk .content>p {
    font-size: 0.3466667rem;
    line-height: 0.5866667rem;
    color: #333;
    word-break: break-all;
}

.chunk .content>p span {
    font-size: 0.3466667rem !important;
    line-height: 0.5866667rem !important;
    color: #333 !important;
    font-family: 'pingfang sc' !important;
    white-space: normal !important;
    word-break: break-all !important;
}

.chunk .content table {
    width: 100% !important;
}

.chunk .content img {
    max-width: 100%;
    height: auto !important;
    vertical-align: middle;
}

.chunk .content .labels {
    display: table;
    width: 100%;
}

.chunk .content .labels>li {
    display: table-cell;
}

.chunk .content .labels>li:nth-of-type(3n+1) {
    width: 30%;
}

.chunk .content .labels>li:nth-of-type(3n+2) {
    width: 36%;
}

.chunk .content .labels>li .ei {
    vertical-align: -2;
    font-size: 0.4rem;
    color: #e60012;
}

.chunk .content .size {
    width: 100%;
}

.chunk .content .size td {
    padding: 0.2rem 0;
    text-align: left;
    vertical-align: top;
    font-size: 0.373333rem;
    line-height: 0.586667rem;
    color: #2a2e3d;
}

.chunk .content .size td.inline-label {
    padding-right: 0.3rem;
    width: 1.893333rem;
    text-align: right;
    color: #9a9fa6;
}

.chunk .content .size tr:first-child td {
    padding-top: 0;
}

.chunk .content .size tr:last-child td {
    padding-bottom: 0;
}

.no-outline-wrapper {
    display: table;
    width: 100%;
    height: 7.733333rem;
}

.no-outline-wrapper .no-outline {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.no-outline-wrapper .no-outline .img-wrapper {
    margin-bottom: 0.64rem;
}

.no-outline-wrapper .no-outline .img-wrapper img {
    width: 3rem;
}

.no-outline-wrapper .no-outline .reminder {
    font-size: 0.373333rem;
    line-height: 0.533333rem;
    color: #bcc0c4;
}

.collapse .collapse-header {
    display: block;
    position: relative;
    padding: 0.64rem 1.493333rem 0.64rem 0.4rem;
    border-bottom: 0.014rem solid #dadadc;
    color: #2a2e3d;
    font-size: 0.426667rem;
}

.collapse .collapse-header span {
    display: block;
    position: absolute;
    right: 0.4rem;
    top: 50%;
    height: 0.533333rem;
    line-height: 0.533333rem;
    margin-top: -0.266667rem;
}

.collapse .collapse-header span.rx {
    animation-name: rX;
}

.collapse .collapse-header span.reversed-rx {
    animation-name: reversedRX;
}

.collapse .collapse-header span .ei {
    font-size: 0.266667rem;
    color: #bcc0c4;
}

.collapse .collapse-content {
    display: none;
    background: #f7f7f7;
}

.collapse .collapse-content h5 {
    position: relative;
    padding: 0.64rem 0.4rem 0.32rem;
    color: #bcc0c4;
    font-size: 0.32rem;
    font-weight: normal;
    line-height: 0.48rem;
}

.collapse .collapse-content h5 .sideline {
    position: absolute;
    left: 0.4rem;
    top: 0.72rem;
    width: 0.106667rem;
    height: 0.266667rem;
    -webkit-border-radius: 0.053333rem;
    -moz-border-radius: 0.053333rem;
    border-radius: 0.053333rem;
    background: #e60012;
}

.collapse .collapse-content h5 p {
    padding-left: 0.266667rem;
}

.collapse .collapse-content .courseware>li {
    display: block;
    padding: 0.4rem 0.4rem 0.4rem 0.88rem;
    border-bottom: 0.014rem solid #dadadc;
    font-size: 0.4rem;
    line-height: 0.533333rem;
}

.collapse.active .collapse-header {
    font-weight: 525;
}

.collapse.active .collapse-header span .ei {
    color: #e60012;
}

@keyframes rX {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

@keyframes reversedRX {
    0% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.spokesman {
    padding-top: 0.533333rem;
}

.spokesman .secondary-ad {
    display: block;
    margin-bottom: 0.533333rem;
}

.spokesman .secondary-ad>img {
    width: 100%;
    border-radius: 0.133333rem;
}

.spokesman .spokesman-list li {
    display: block;
    width: 47%;
    margin-bottom: 0.666667rem;
    text-align: center;
}

.spokesman .spokesman-list li:nth-of-type(2n+1) {
    float: left;
}

.spokesman .spokesman-list li:nth-of-type(2n) {
    float: right;
}

.spokesman .spokesman-list li>img {
    width: 100%;
    height: 5.333333rem;
    border-radius: 0.133333rem;
}

.spokesman .spokesman-list li>h4 {
    padding-top: 0.32rem;
    color: #333;
    line-height: 0.533333rem;
    font-size: 0.426667rem;
    font-weight: 525;
}

.spokesman .spokesman-list li>h4>p {
    padding-top: 0.12rem;
    font-size: 0.373333rem;
    font-weight: normal;
}

.reply-chunk {
    display: table;
    padding: 0 0.4rem;
    border-bottom: 0.014rem solid #e6e6e6;
    width: 100%;
}

.reply-chunk>div {
    display: table-cell;
    padding: 0.40rem 0;
    vertical-align: top;
    text-align: left;
}

.reply-chunk>div.mark {
    width: 0.72rem;
    color: #e60012;
    line-height: 0.56rem;
    font-size: 0.426667rem;
    font-weight: 525;
}

.reply-chunk>div.mark img {
    width: 0.4rem;
    height: 0.4rem;
    vertical-align: middle;
}

.reply-chunk>div.mark1 img {
    width: 0.41333333rem;
    height: 0.41333333rem;
}


.reply-chunk>div.mark2 img {
    width: 0.40rem;
    height: 0.41333333rem;
}


.reply-chunk>div.mark3 img {
    width: 0.37333333rem;
    height: 0.49333333rem;
}


.reply-chunk>div.mark4 img {
    width: 0.40rem;
    height: 0.38666666rem;
}

.reply-chunk>div.mark01 img {
    width: 0.41333333rem;
    height: 0.42666667rem;
}


.reply-chunk>div.mark02 img {
    width: 0.42666667rem;
    height: 0.42666667rem;
}


.reply-chunk>div.mark03 img {
    width: 0.42666667rem;
    height: 0.44rem;
}


.reply-chunk>div.mark04 img {
    width: 0.44rem;
    height: 0.42666667rem;
}


.reply-chunk>div.reply {
    font-size: 0.34666667rem;
    line-height: 0.64rem;
    font-weight: normal;
    color: #666666;
}

.reply-chunk>div.reply .answerImg {
    width: 3.0769rem;
    height: 3.0769rem;
    float: right;
    text-align: center;
    font-size: 0.3077rem;
}

.reply-chunk>div.reply .answerImg img {
    width: 90%;
}

.reply-chunk>div.reply .answerImg2 {
    width: 100%;
    height: 5.1282rem;
    text-align: center;
}

.reply-chunk>div.reply .answerImg2 img {
    width: 100%;
    height: 100%;
}

.reply-chunk>div.reply a {
    color: #e60012;
    text-decoration: underline;
}

.reply-chunk>div.reply>h4 {
    padding-bottom: 0.20rem;
    line-height: 0.56rem;
    font-size: 0.4rem;
    font-weight: 525;
    color: #333;
}

.reply-chunk>div.reply .left {
    float: left;
    width: 4.66rem;
    margin-right: 1rem;
}


.reply-chunk>div.reply .right {
    float: left;
    width: 2.13rem;
    height: 2.13rem;
}

.reply-chunk>div.reply .right img {

    width: 100%;
}

.info-show li.no-padding {
    margin-top: 0.1333333rem;
}

.info-show li.no-padding.outline {
    padding-top: 0.5333333rem;
}

.info-show .outline .h2 a {
    font-size: 0.3466667rem;
    line-height: 1.1733333rem;
    position: relative;
}

.info-show .outline .h2 a img {
    width: 0.5066667rem;
    height: 0.3733333rem;
    vertical-align: middle;
}

.info-show .outline .h2 a .left_line {
    background: #dbdbdb;
    display: block;
    position: absolute;
    left: -0.6333333rem;
    top: 50%;
    width: 0.5333333rem;
    height: 1px;
}

.info-show .outline .h2 a .right_line {
    background: #dbdbdb;
    display: block;
    position: absolute;
    right: -0.6333333rem;
    top: 50%;
    width: 0.5333333rem;
    height: 1px;
}


/*课程大纲部分*/

.outline .class_name {
    padding: 0.4rem 1.04rem 0.4rem 0.4rem;
    position: relative;
    border-bottom: 0.014rem solid #e6e6e6;
}

.outline .class_name>p {
    font-size: 0.4rem;
    line-height: 0.5333333rem;
    color: #333333;
}

.outline .class_name .ei {
    color: #bbc0c4;
    font-size: 0.24rem;
    position: absolute;
    top: 50%;
    margin-top: -0.12rem;
    right: 0.3466667rem;
}

.outline .class_name .ei.ei-shang {
    color: #ff422e;
}

.chapter {
    background: #f7f7f7;
    display: none;
}

.chapter .audition,.chapter .audition_live {
    position: absolute;
    top: 0;
    /* right: 0.4rem; */
    left: 0;
    font-size: 0.266666rem;
    color: #fdbe54;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.chapter .audition_live{
    display: inline-block;
}

.chapter .audition .audition_inner,.chapter .audition_live .audition_inner {
    position: absolute;
    right: 0.4rem;
    bottom: 0.3rem;
}


.chapter .breadcrumbs {
    color: #666;
    font-size: 0.3466667rem;
    line-height: 0.48rem;
    padding: 0.3533333rem 0.6666667rem 0.2533333rem 0.7466667rem;
    position: relative;
}

.chapter .breadcrumbs i {
    font-style: normal;
}

.chapter .breadcrumbs i:nth-last-child(1) {
    display: none;
}


.chapter .breadcrumbs .redline {
    background: #e60012;
    display: block;
    width: 0.08rem;
    height: 0.2666667rem;
    position: absolute;
    left: 0.4rem;
    top: 0.46rem;
    border-radius: 0.04rem;
}

.chapter .component {
    padding-left: 1.1733333rem;
    padding-bottom: 0.4rem;
    border-bottom: 0.014rem solid #e6e6e6;
    /* margin-top: 0.24rem; */
    padding-top: 0.24rem;
    position: relative;
}

.chapter .component>i.ei {
    position: absolute;
    top: 50%;
    left: 0.5rem;
    margin-top: -0.35rem;
    font-size: 18px;
}

.chapter .component>i.ei-ziyuanshipin {
    font-size: 0.4933333rem;
    color: #f0a333;
    left: 0.4266667rem;
    margin-top: -0.4133333rem;
}


.chapter .component>i.ei-zhiboguankan {
    font-size: 0.4rem;
    color: #f0a333;
    left: 0.3866667rem;
    margin-top: -0.4rem;
    background: #ccc;
}

.chapter .component>i.ei-module_type21 {
    color: #f0a333;
}

.chapter .component>i.ei-module_type22 {
    color: #ff729d;
}

.chapter .component>i.ei-module_type23 {
    color: #5fc1ae;
}

.chapter .component>i.ei-module_type24 {
    color: #aa6ee8;
}

.chapter .component>i.ei-module_type25 {
    color: #84b327;
}

.chapter .component>i.ei-module_type11 {
    color: #5fc1ae;
}

.chapter .component>i.ei-module_type12 {
    color: #f0a333;
}

.chapter .component>i.ei-module_type13 {
    color: #7370fb;
}

.chapter .component>i.ei-module_type14 {
    color: #fb9064;
}

.chapter .component>i.ei-module_type15 {
    color: #6495fe;
}

.chapter .component>i.ei-module_type16 {
    color: #ff729d;
}

.chapter .component>i.ei-module_type17 {
    color: #aa6ee8;
}

.chapter .component>i.ei-module_type119 {
    color: #00a7ff;
}


.chapter .component .audition .ei-laba001hover,.chapter .component .audition_live .ei-laba001hover {
    font-size: 0.186666rem;
    color: #ffa60d;
}

.chapter .component.active .audition .ei-laba001hover,.chapter .component.active .audition_live .ei-laba001hover {
    color: #e60012;
}

.chapter .component.active .component_name {
    color: #e60012;
}

.chapter .component.active .audition,.chapter .component.active .audition_live {
    color: #e60012;
}

.chapter .component:nth-last-child(1) {
    margin-bottom: 0;
}

.chapter .component .component_name {
    font-size: 0.37333333rem;
    color: #333333;
    line-height: 0.5333333rem;
    padding-right: 0.4666667rem;
    margin-bottom: 0.1733333rem;
}

.chapter .component .type {
    color: #666666;
    font-size: 0.32rem;
    line-height: 0.32rem;
    position: relative;
}

.chapter .component .type .type_name {
    float: left;
}

.chapter .component .type .time_box {
    float: left;
    margin-left: 0.2666667rem;
    border-left: 0.014rem solid #999;
}

.chapter .component .type .time_box span {
    margin-left: 0.2666667rem;
}

.chapter .component .live_time {
    float: left;
    color: #999;
    padding-left: 0.2rem;
    border-left: 0.014rem solid #999;
    margin-left: 0.2666667rem;
}

.chapter .component .live_time span {
    font-size: 0.2933333rem;
}

/*师资展示*/

.info-show .teachers .h2 {
    width: 100%;
    height: 1.1733333rem;
    background: #f2f2f2;
    text-align: center;
}

.info-show .teachers .h2 a {
    font-size: 0.3466667rem;
    line-height: 1.1733333rem;
    position: relative;
}

.info-show .teachers .h2 a img {
    width: 0.5066667rem;
    height: 0.3733333rem;
    vertical-align: middle;
}

.info-show .teachers .h2 a .left_line {
    background: #dbdbdb;
    display: block;
    position: absolute;
    left: -0.6333333rem;
    top: 50%;
    width: 0.5333333rem;
    height: 1px;
}

.info-show .teachers .h2 a .right_line {
    background: #dbdbdb;
    display: block;
    position: absolute;
    right: -0.6333333rem;
    top: 50%;
    width: 0.5333333rem;
    height: 1px;
}

.info-show .spokesman {
    padding: 0.4rem;
}

.list .list_li:nth-last-child(1) .chapter .component:nth-last-child(1) {
    border-bottom: none;
}


/*听课指导*/
.info-show .youke {
    display: none;
}

.info-show .youke.book {
    display: block;
}

.info-show .guide .h2 {
    width: 100%;
    height: 1.1733333rem;
    background: #f2f2f2;
    text-align: center;
}

.info-show .guide .h2 a {
    font-size: 0.3466667rem;
    line-height: 1.1733333rem;
    position: relative;
}

.info-show .guide .h2 a img {
    width: 0.5066667rem;
    height: 0.3733333rem;
    vertical-align: middle;
}

.info-show .guide .h2 a .left_line {
    background: #dbdbdb;
    display: block;
    position: absolute;
    left: -0.6333333rem;
    top: 50%;
    width: 0.5333333rem;
    height: 1px;
}

.info-show .guide .h2 a .right_line {
    background: #dbdbdb;
    display: block;
    position: absolute;
    right: -0.6333333rem;
    top: 50%;
    width: 0.5333333rem;
    height: 1px;
}


.info-show .outline .h2 {
    width: 3.96rem;
    height: 0.6533333rem;
    background: url('../img/kechengdagang_h5-029844cc2b.png') no-repeat top center;
    background-size: cover;
    margin: 0 auto;
}

.info-show .teachers .h2 {
    width: 3.96rem;
    height: 0.6533333rem;
    background: url('../img/yanfatuandui_h5-198e84e4c3.png') no-repeat top center;
    background-size: cover;
    margin: 0 auto;
}

.info-show li.no-padding.teachers {
    padding-top: 0.533333rem;
}

.info-show li.no-padding.guide {
    padding-top: 0.533333rem;
}


.info-show .guide .h2 {
    width: 3.96rem;
    height: 0.6533333rem;
    background: url('../img/tingkezhidao_h5-6ea743ee38.png') no-repeat top center;
    background-size: cover;
    margin: 0 auto;
    font-size: 0.5641rem;
    font-weight: 700;
}

.info-show .guide .book .h2 {
    background: url('../img/goumaixuzhi-2f0ca5142b.png') no-repeat top center;
    background-size: cover;
}


.nav_h3 {
    padding: 0.4rem 1.04rem 0.4rem 0.4rem;
    width: 10rem;
    border-bottom: 0.014rem solid #e6e6e6;
    z-index: 100;
    position: fixed;
    top: 1.466667rem;
    left: 50%;
    margin-left: -5rem;
    background: #fff;
    display: none;
}

.nav_h3>p {
    font-size: 0.4rem;
    line-height: 0.5333333rem;
    color: #333;
}

a.blue_zx {
    top: 258px;
}


#player-wrapper .jw-text.jw-reset.jw-text-elapsed {
    display: inline-block;
}

#player-wrapper .jw-text.jw-reset.jw-text-duration {
    display: inline-block;
}


#my_video_1 {
    position: absolute;
    top: 0;
    left: 0;
}

body .m-zx-sider .affix-wrapper {
    top: 240px;
}

body .m-zx-sider .affix-wrapper.blue {
    top: 170px;
}



.buy-area.buy-area_ios {
    background: #ccc;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: none;
}


/* 限时优惠 */

.preparation {
    width: 10rem;
    height: 0.9333rem;
    background: url('../img/preparation-37b2e78a53.png') no-repeat top center;
    position: relative;

    background-size: 100% 100%;
    display: none;
    margin-bottom: 0.2rem;
}

.preparation .left {
    float: left;
    padding-left: 0.4rem;
    font-size: 0.32rem;
    color: #fff;
    line-height: 0.9333rem;
}

.preparation .mid {
    width: 0.4rem;
    height: 0.9333rem;
    float: left;
    margin-right: 0.2667rem;
    background: url('../img/right_arrow-69247cfa8a.png') no-repeat top center;
    background-size: 100% 100%;
}

.preparation .right2 {
    font-size: 0.32rem;
    color: #ffff99;
    line-height: 0.9333rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preparation .right2 .limit_num {
    display: none;
}


.activity_box {
    width: 10rem;
    height: 2rem;
    background: url('../img/activity-8ad33fb98b.png') no-repeat top center;
    /* position: relative; */
    background-size: 100%;
    left: -0.4rem;
    display: none;
}

.activity_box .left {
    float: left;
    padding-left: 0.4rem;
    padding-top: 0.3733rem;
}

.activity_box .left .top {
    margin-bottom: 0.2667rem;
}

.activity_box .left .top .price {
    color: #fff;
    font-size: 0.5067rem;
    line-height: 0.5067rem;
    float: left;
}

.activity_box .left .top .num {
    float: left;
    padding: 0.0933rem 0.1733rem;
    background: #ffa91b;
    border-radius: 0.0867rem;
    color: #fff;
    font-size: 0.2933rem;
    line-height: 0.2933rem;
    margin-left: 0.1rem;
}

.activity_box .left .bot .name {
    font-size: 0.32rem;
    color: #fff;
    padding: 0.0667rem 0.1333rem;
    background: rgba(0, 0, 0, 0.2);
    float: left;
    border-radius: 0.0867rem;
}

.activity_box .left .bot .ori_price {
    float: left;
    color: #f7bdbd;
    font-size: 0.32rem;
    padding-top: 0.0667rem;
    margin-left: 0.2667rem;
    text-decoration: line-through;
    display: none;
}

.activity_box .right {
    float: right;
    margin-right: 0.4rem;
}

.activity_box .right .bot>div {
    float: left;
}

.activity_box .right .bot .tian {
    color: #fff;
    font-size: 0.32rem;
    line-height: 0.56rem;
    margin: 0 0.1067rem;
}

.activity_box .right .bot .time_box {
    height: 0.56rem;
    color: #fff;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.56rem;
}

.activity_box .right .bot .time_box {
    color: #e60012;
}

.activity_box .right .bot .time_box span {
    display: inline-block;
    width: 0.6rem;
    height: 0.533333rem;
    background: #e60012;
    color: #e60012;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.56rem;
    border-radius: 0.08rem;
    position: relative;
    background: -moz-linear-gradient(left, #fff 0%, #ffd9dc 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(100%, #ffd9dc));
    background: -webkit-linear-gradient(left, #fff 0%, #ffd9dc 100%);
    background: -o-linear-gradient(left, #fff 0%, #ffd9dc 100%);
    background: -ms-linear-gradient(left, #fff 0%, #ffd9dc 100%);
    background: linear-gradient(to right, #fff 0%, #ffd9dc 100%);
}

.order-selector-wrapper .order-selector .p0 .s4 {
    display: inline-block;
    padding: 0.0933rem 0.1733rem;
    background: #f36134;
    border-radius: 0.0867rem;
    color: #fff;
    font-size: 0.2933rem;
    line-height: 0.2933rem;
    margin-left: 0.1rem;
}

.order-selector-wrapper .order-selector h3 .p0>span {
    float: left;
}

.order-selector-wrapper .order-selector .p0 .s5 {
    width: 1.5067rem;
    height: 0.7733rem;
    display: inline-block;
    background: url('../img/soldout-119455275c.png') no-repeat top center;
    background-size: 100%;
    position: relative;
    top: -0.1667rem;
    margin-left: 0.2333rem;
}



.popup_limit {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 600;
    display: none;

}

.popup_limit .shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}




.popup_limit .con {
    /* padding: 40px; */
    width: 7.4666667rem;
    background: #fff;
    border-radius: 0.1333333rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2.0rem;
    margin-left: -3.7333333rem;
}

.popup_limit .con .top {
    height: 2.7733333rem;
}

.popup_limit .con .p1 {
    padding: 0.4666667rem 0.9333333rem 0;
    text-align: center;
    box-sizing: border-box;

    font-size: 0.44rem;
    line-height: 0.56rem;
    color: #333;
}

.popup_limit .con .p1 .s2 {
    font-size: 0.44rem;
    line-height: 0.56rem;
    margin-bottom: 0.08rem;
    font-weight: bold;
    color: #333;
}

.popup_limit .con .p2 {
    color: #666;
    font-size: 0.4rem;
    text-align: center;
    margin-top: 0.2666667rem;
}



.popup_limit .con .p1 .s2 i {
    width: 0.16rem;
    height: 0.16rem;
    background: url('../img/tanhao-f709289243.png') no-repeat top center;
    display: inline-block;
    margin-right: 0.0666667rem;
}

.popup_limit .con .p1 .s3 {
    color: #666;
}

.popup_limit .con .p2 .ori_price {
    color: #f15038;
    font-weight: bold;
    font-style: normal;
}

.popup_limit .con .p2 .ori_price i {
    color: #f15038;

    font-style: normal;
}


.popup_limit .con .btns .cancel {
    width: 3.7333333rem;
    height: 1.2rem;
    border-top: 0.014rem solid #e6e6e6;
    float: left;

    font-size: 0.3733333rem;
    color: #666;
    text-align: center;
    line-height: 1.2rem;
    cursor: pointer;
}

.popup_limit .con .btns .continue {
    background: #f24f36;
    border-top: 0.014rem solid #f24f36;
    color: #fff;
    font-weight: bold;
    height: 1.2rem;
    width: 3.7333333rem;
    height: 1.2rem;
    float: left;
    line-height: 1.2rem;
    font-size: 0.3733333rem;
    cursor: pointer;
    text-align: center;
    border-radius: 0 0 0.1333333rem 0;
}

.price_box .state {
    color: #fff;
    display: none;
    margin-top: 0.15rem;
    line-height: 12px;
}


.order-selector-wrapper .order-selector .p0 .state {
    display: none;
}

.video_box {
    height: 5.6296rem;
    background: url('../img/defaultImg-c24a1cbb5d.png') no-repeat top center;
    background-size: 100% 100%;
}

.video_box .bg_img {
    height: 5.6296rem;
    background-size: 100% 100%;
}


.video_ul .list_li .chapter {
    display: block;
}

div.swiper-slide {
    width: 100%;
    height: 5.6296rem;
    background-size: contain;
}

.swiper-slide>img {
    width: 100%;
    height: 5.6296rem;
}



body .m-zx-sider .affix-wrapper {
    top: 300px;
}

body .m-zx-sider .affix-wrapper.blue {
    top: 240px;
}


.swiper-pagination-fraction {
    width: 1.3066667rem;
    height: 0.6133333rem;
    border: 0.014rem solid #fff;
    border-radius: 0.4rem;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 0.32rem;
    line-height: 0.6133333rem;
    left: auto;
    right: 0.2666667rem;
}

.video_box .bg_img>img {
    width: 100%;
    height: 5.6296rem;
}

.info-nav li .mark {
    display: none;
}

.info-nav li.video {
    /* text-align: left; */
}

.info-nav li.video .mark {
    text-align: center;
    display: block;
    position: absolute;
    top: 0.04rem;
    right: -0.1333333rem;
    width: 0.8433333rem;
    height: 0.4666667rem;
    background: #f36134;
    color: #fff;
    border-radius: 0.2rem 0.2rem 0.2rem 0;
    line-height: 0.4666667rem;
}

.videolist_title {
    height: 1.1666667rem;
    padding-left: 0.7466667rem;
    font-size: 0.40rem;
    color: #333;
    position: relative;
    font-weight: bold;
    line-height: 1.40rem;
    border-bottom: 0.014rem solid #e6e6e6;
}

.videolist_title span {
    display: block;
    width: 0.08rem;
    height: 0.4rem;
    background: #e60012;
    border-radius: 0.04rem;
    position: absolute;
    top: 50%;
    margin-top: -0.11rem;
    left: 0.4rem;
}

.videolist_title .ei {
    color: #bbc0c4;
    font-size: 0.24rem;
    position: absolute;
    top: 50%;
    margin-top: -0.733rem;
    right: 0.3466667rem;
}

.videolist_title .ei.ei-shang {
    color: #ff422e;
}

.chapter .audition .audition_inner,.chapter .audition_live .audition_inner {
    width: 1.2rem;
    height: 0.6666667rem;
    line-height: 0.6666667rem;
    background: #f36134;
    border-radius: 0.3333rem;
    color: #fff;
    display: block;
    text-align: center;
}

.video_box .ss .play_icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url('../img/play_btn_h5-4560b5c3d3.png') no-repeat top center;
    background-size: 100% 100%;
    width: 1.253333rem;
    height: 1.253333rem;
    margin-top: -0.6266665rem;
    margin-left: -0.6266665rem;
}

.playercontainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5.6296rem;
    z-index: 2;
    display: none;
}

.audition_over {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5.6296rem;
    z-index: 3;
    display: none;
    background: #000;
}

body .video-js .vjs-time-control span:nth-child(2) {
    display: none;
}

.playing.banner {
    position: fixed;
    z-index: 2002;
    height: 100%;
    width: 10rem;
}

.playing.banner .shadow {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.playing.banner .playercontainer {
    top: 5.6296rem;
    z-index: 1003;
}

.playing.banner .audition_over {
    top: 5.6296rem;
    z-index: 1004;
}

.playing.banner .playercontainer .close_btn {
    width: 34px;
    height: 34px;
    display: block;
    background: url('../img/47-89c0138a8a.png') no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    top: -34px;
    right: 0;
    cursor: pointer;
}


.summary .price>.small {
    display: none;
}

.ori-price b {
    display: none;
}

.buy-area>p .small {
    display: none;
}

.order-selector-wrapper .order-selector .p0 .s3 i {
    display: none;
}


.page {
    /* width: 100%; */
}

.info-nav-wrapper .info-nav {
    width: 100%;
}

.buy-area {
    width: 100%;
    right: 0;
    margin-right: 0;
}

.drawer .content {
    width: 100%;
    left: 0;
    margin-left: 0;
}

.playing.banner {
    width: 100%;
}

.summary {
    padding: 0;
}

.summary h3 {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    padding-top: 0.4rem;
    margin-bottom: 0.266666667rem;
}

.points {
    margin-bottom: 0.2rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    margin-top: -0.06rem;
}

.points .classdate {
    font-size: 0.2666666rem;
    color: #fff;
    line-height: 0.5333333rem;
    background: #e60012;
    padding: 0 0.2rem;
    display: inline-block;
    border-radius: 4px;
    margin-right: 0.26666666rem;
    float: left;
    margin-bottom: 0.15rem;
    height: 0.5333333rem;
    font-size: 12px;
}

.points .sellingPoint {}

.points .sellingPoint a {
    font-size: 0.2666666rem;
    color: #e60012;
    line-height: 0.5333333rem;
    background: #fce5e7;
    padding: 0 0.2rem;
    display: inline-block;
    border-radius: 4px;
    margin-right: 0.26666666rem;
    margin-bottom: 0.15rem;
    float: left;
    height: 0.5333333rem;
}

.activity_box {
    left: 0;
    margin-bottom: 0.32rem;
    height: 1.4rem;
    margin-top: 0.25rem;
}

.activity_box .left {
    padding-top: 0;
    height: 1.4rem;
    display: table;
}

.activity_box .left .inner {
    display: table-cell;
    vertical-align: middle;
}

.activity_box .left .inner .name {
    display: inline-block;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 0.333333rem;
    font-weight: bold;
    height: 0.706666rem;
    line-height: 0.706666rem;
    padding: 0 0.266666rem;
    border-radius: 4px;
}

div.m-zx-sider {
    /* display: none; 2023-07-12 14：31*/
    margin-top: -170px;
}

.activity_box .right .top {
    padding-top: 0.5267rem;
    margin-bottom: 0.2267rem;
    font-size: 0.3467rem;
    line-height: 0.3467rem;
    color: #fff;
    text-align: center;
    float: left;
    margin-right: 0.2666667rem;
}

.activity_box .right .bot {
    float: left;
    padding-top: 0.4rem;
}

.activity_box .right .bot .day {
    min-width: 0.6rem;
    height: 0.533333rem;
    background: #e60012;
    color: #e60012;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.56rem;
    border-radius: 0.08rem;
    /* position: relative; */
    background: -moz-linear-gradient(left, #fff 0%, #ffd9dc 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(100%, #ffd9dc));
    background: -webkit-linear-gradient(left, #fff 0%, #ffd9dc 100%);
    background: -o-linear-gradient(left, #fff 0%, #ffd9dc 100%);
    background: -ms-linear-gradient(left, #fff 0%, #ffd9dc 100%);
    background: linear-gradient(to right, #fff 0%, #ffd9dc 100%);

}

.price_div {
    font-family: 'microsoft yahei';
}

.price_div>span {
    font-size: 0.37333333rem;
    margin-right: -0.08rem;
    font-weight: bold;
    font-family: 'pingfang bold';
}

.price_div>b {}

.price_div .ori_price {
    display: inline-block;
    font-size: 0.4rem;
    color: #666;
    text-decoration: line-through;
    font-weight: normal;
    position: relative;
    top: -0.04rem;
    margin-left: 0.3rem;

}

.price_div .ori_price b {
    font-weight: normal;
}

.normal_box {
    display: none;
}

.skus.summary .specification {
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: 0;
}

.skus.summary .specification .inline-label {
    padding-left: 0.4rem;
    width: 1.8rem;
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
    display: inline-block;
    box-sizing: content-box;
    font-size: 0.346rem;
    color: #333;
    font-weight: bold;
    margin-right: 0.4333333rem;
}

.summary .specification #class_name {
    font-size: 0.346rem;
}

.summary .specification .inline-btn {
    right: 0.4rem;
}

.summary.box1 .tuifeixieyi0 .right {
    padding: 0.2rem 0.4rem 0;
    color: #999;
    font-size: 0.29rem;
    line-height: 0.39rem;

}
.summary.box1 .tuifeixieyi0 .edit_time{
    padding: 0.2rem 0.4rem 0;
    font-size: 0.29rem;
    color: #999;
    line-height: 0.39rem;
}

.summary.box2 .li {
    padding: 0.2766667rem 0 0 0.4rem;
    line-height: 0.5333333rem;
}



.summary.box2 .li .left {
    width: 1.8rem;
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
    box-sizing: content-box;
    font-size: 0.346rem;
    color: #333;
    margin-right: 0.4333333rem;
    float: left;
    font-weight: bold;

    /* line-height: 0.456rem; */
}

.summary.box2 .li .right {
    display: inline-block;
    font-size: 0.346rem;
    width: 7.36rem;
    float: left;
    color: #333;
    padding-bottom: 0.2766667rem;
    border-bottom: 0.014rem solid #f5f5f5;
    padding-right: 0.4rem;
}

.summary.box2 .li:nth-last-child(1) .right {
    border-bottom: none;
}


.summary.box2 .specialService {
    height: 1rem;
    line-height: 1rem;
    background: #fafafa;
    padding-left: 0.4rem;
    overflow: hidden;
}

.summary.box2 .specialService span {
    display: inline-block;
    width: 0.3333333rem;
    height: 0.32rem;
    background: url('../img/duigou2-90637f6fa5.png') no-repeat top center;
    background-size: contain;
    position: relative;
    top: 0.05rem;
}

.summary .specialService .txts {
    width: 100%;
}

.summary .specialService .txts a {
    margin-right: 0.6666667rem;
    font-size: 0.29333333rem;
    color: #808080;
}

.staff_detail {
    background: #f5f5f5;
    border: none;

}

.staff_message {
    margin-top: 0;
}

.teachingStuff {
    border-bottom: none;
    margin-bottom: 0.1333333rem;
}

.info-show .introduction {
    display: none;
}

.buy-area .btn-group>a.grayzx {
    border-top-left-radius: 0.6rem;
    border-bottom-left-radius: 0.6rem;
    background: linear-gradient(to right, #ccc, #999);
}

.info-nav-wrapper .info-nav.fixed {
    margin-left: 0;
    left: 0;
}



.fit .right span:nth-last-child(1) {
    display: none;
}

.page .bookstock {
    padding-top: 0.2rem;
    display: none;
    color: #666;
    font-size: 0.29333333rem;
    padding-left: 0.4rem;
}

.speaksman-list .staff_detail {
    width: 8.8rem;
    background: #fff;
}

.speaksman-list .staff_detail .avatar {
    margin: 0;
    margin-right: 0.4rem;
}


.gray_line {
    width: 100%;
    height: 0.13333333rem;
    background: #f5f5f5;
    margin-top: 0.5333333rem;
}

#price_current {
    font-weight: bold;
    display: inline-block;
    display: none;
}

.price_current2 {
    font-size: 0.5rem;
}

.summary .price .price1.price_range2 {
    font-size: 0.5rem;
}

.noborder .right {
    border-bottom: none !important;
}

.book_buy_btn {
    border-radius: 0.6rem;
}

.page.pb0 {
    padding-bottom: 0;
}

.ts19 {
    width: 4rem;
    height: 0.8rem;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    line-height: 0.8rem;
    border-radius: 5px;
    font-size: 14px;
    position: fixed;
    top: 70%;
    left: 50%;
    margin-top: -0.4rem;
    margin-left: -2rem;
    display: none;
    color: #fff;
    z-index: 100;
    padding-left: 0.2rem;
    box-sizing: border-box;
}


.tsqq {
    width: 4rem;
    height: 0.8rem;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    line-height: 0.8rem;
    border-radius: 5px;
    font-size: 14px;
    position: fixed;
    bottom: 15%;
    left: 50%;
    margin-top: -0.4rem;
    margin-left: -2rem;
    display: none;
    color: #fff;
    z-index: 200002;
    padding-left: 0.2rem;
    box-sizing: border-box;
}

#price_range {
    color: #e60012 !important;
}

.inline {
    display: inline !important;
    ;
}

/* 20210526   */

.customized {
    width: 100%;
}

.div_wrap .page {
    padding-bottom: 4rem;
    position: relative;
    box-sizing: content-box;
    min-height: 100vh;
}

.div_wrap .buy-area {
    background: none;
    border: none;
    height: initial;
    line-height: initial;
    width: 10rem;
    right: 50%;
    margin-right: -5rem;
}

.div_wrap .buy-area .btn-group {
    height: initial;
    position: initial;
}

.div_wrap .buy-area .btn-group>a.buy {
    width: 9rem;
    height: 1.55rem;
    background-color: #ff0000;
    background: url('../img/buyButtonStyle1-249091af85.png') no-repeat top center;
    background-size: 100% 100%;
    font-size: 0.50rem;
    line-height: 1.4rem;
    margin: 0 auto 0.2rem;
    display: block;
    float: none;
    font-family: 'FZLTHJW';
}

.div_wrap .buy-area .btn-group>a {
    box-shadow: none;
}

.div_wrap .buy-area .btn-group>a.unable {
    width: 9rem;
    height: 1.55rem;
    background: url('../img/buyButtonStyle0-dcd2516cce.png') no-repeat top center;
    background-size: 100% 100%;
    font-size: 0.50rem;
    line-height: 1.4rem;
    margin: 0 auto 0.2rem;
    float: none;
}

.div_wrap .buy-area .btn-group>div.soldout {
    width: 9rem;
    height: 1.55rem;
    background: url('../img/buyButtonStyle0-dcd2516cce.png') no-repeat top center;
    background-size: 100% 100%;
    font-size: 0.50rem;
    line-height: 1.4rem;
    margin: 0 auto 0.2rem;
    float: none;
    display: none;
    color: #fff;
}

.div_wrap .buy-area .btn-group>a.sold_out {
    width: 9rem;
    height: 1.55rem;
    background: url('../img/buyButtonStyle0-dcd2516cce.png') no-repeat top center;
    background-size: 100% 100%;
    font-size: 0.50rem;
    line-height: 1.4rem;
    margin: 0 auto 0.2rem;
    float: none;
}


.div_wrap .buy-area .stock {
    font-size: 0.373rem;
    line-height: 0.373rem;
    text-align: center;
    color: #fff;
    padding-bottom: 0.53rem;
    display: none;
}

.div_wrap .page .div_content {

    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-bottom: 2rem;
}

.div_wrap .description p {
    font-size: 0.35rem;
    line-height: 0.7rem;
    /* text-indent: 2em; */
    font-family: 'FZLTHJW';
}

.div_wrap.backgroundType6 .description p {
    text-indent: 0em;

}

.div_wrap.backgroundType1 .page {
    min-height: 17.3rem;
    box-sizing: content-box;
}

.div_wrap.backgroundType1 .minheight {
    min-height: 1.635rem;
    padding-top: 0.44rem;
    box-sizing: content-box;
}


.div_wrap.backgroundType1 .page .div_content .title_h2 {
    font-size: 0.96rem;
    font-family: 'FZTYSJ';
    line-height: 1.38rem;
    padding: 1.2rem 0.54rem 0;
    color: #fff;
    text-shadow: 0.04rem 0.04rem #004bbf;
}

.div_wrap.backgroundType1 .page .div_content .sellingPoint {
    margin-left: 0.69rem;
    margin-bottom: 0.2rem;
}

.div_wrap.backgroundType1 .page .div_content .sellingPoint a {
    font-size: 0.374rem;
    color: #0046bd;
    font-family: 'FZLTHJW';
    border-radius: 30px;
    margin-right: 0.146rem;
    float: left;
    background: -moz-linear-gradient(top, #ffffff, #cbdfff);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#cbdfff));
    display: block;
    padding: 0.155rem 0.345rem 0.135rem;
    line-height: 0.374rem;
    box-shadow: 1px 1px 4px 1px #002586;
    margin-bottom: 0.3rem;
}


.div_wrap.backgroundType1 .buy-area {
    /* background: #002a93; */
}

.div_wrap.backgroundType1 .page .div_content .courseDurationInfo {
    font-family: FZLTCHJW;
    font-size: 0.4rem;
    color: #fff;
    margin-left: 0.69rem;
}

.div_wrap.backgroundType1 .page .div_content .courseDurationInfo a {
    font-family: FZLTCHJW;
    font-size: 0.4rem;
}


.div_wrap.backgroundType1 .page .div_content .description {
    background: #fff;
    border-radius: 10px;
    padding: 0.53rem 0.73rem;
    width: 9.2rem;
    margin: 3rem auto 0;
    box-sizing: border-box;
    font-size: 0.35rem;
    line-height: 0.7rem;
    font-family: 'FZLTHJW';
}




.div_wrap.backgroundType1 .page .div_content .type1_title1 {
    width: 3.9rem;
    margin: 0.1rem auto 0.2rem;
}

.div_wrap.backgroundType1 .page .div_content .type1_title1 img {
    width: 101%;
}

.div_content .h2_box {
    position: relative;
}


.div_wrap.backgroundType2 .page .div_content .title_h2 {
    width: 9rem;
    font-size: 1.5rem;
    font-family: 'FZLTTHJW';
    line-height: 1.78rem;
    padding: 1.1rem 0.54rem 0;
    color: #fff;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfbfe), to(#fddbf4));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #e40000;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
}

.div_wrap.backgroundType2 .page .div_content .title_h2_2 {
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
    width: 9rem;
    font-size: 1.5rem;
    font-family: 'FZLTTHJW';
    line-height: 1.78rem;
    padding: 1.1rem 0.54rem 0;
    color: #f23531;
    -webkit-text-stroke: 1px #e40000;
    /* text-shadow: 0.04rem 0.04rem #f23531; */

    /* text-shadow: 0.04rem 0.04rem #004bbf; */
}

.div_wrap.backgroundType2 .page .courseDurationInfo {
    margin-left: 0.54rem;
    margin-top: 0.34rem;
}

.div_wrap.backgroundType2 .page .courseDurationInfo a {
    font-family: 'FZLTHJW';
    font-weight: bold;
    font-size: 0.36rem;
    color: #ffe610;
    text-shadow: -1px -1px 0 #e40000,
        1px -1px 0 #e40000,
        -1px 1px 0 #e40000,
        1px 1px 0 #e40000;
    background: #ff483f;
    border: 2px solid #e40000;
    line-height: 0.533333rem;
    padding: 0.133333rem 0.5333333rem;
    float: left;
}

.div_wrap.backgroundType2 .page .sellingPoint {
    width: 8.933333rem;
    box-sizing: border-box;
    margin-top: 0.533333rem;
    margin-left: 0.54rem;
    padding: 0.266667rem;
    border: 2px solid #96092b;
    background: -moz-linear-gradient(left, #f5edeb 0%, #f5bbe3 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f5edeb), color-stop(100%, #f5bbe3));
    background: -webkit-linear-gradient(left, #f5edeb 0%, #f5bbe3 100%);
    background: -o-linear-gradient(left, #f5edeb 0%, #f5bbe3 100%);
    background: -ms-linear-gradient(left, #f5edeb 0%, #f5bbe3 100%);
    background: linear-gradient(to right, #f5edeb 0%, #f5bbe3 100%);
}

.div_wrap.backgroundType2 .page .sellingPoint .sellingPoint_box {
    width: 8.3rem;
    background: #fc4f65;
    padding: 0.35rem 0.7rem;
}

.div_wrap.backgroundType2 .page .sellingPoint .sellingPoint_box a {
    font-size: 0.36rem;
    color: #fff;
    text-shadow: -1px -1px 0 #e40000,
        1px -1px 0 #e40000,
        -1px 1px 0 #e40000,
        1px 1px 0 #e40000;
    margin-right: 0.4rem;
    font-family: 'FZLTHJW';
    font-weight: bold;
    line-height: 0.6rem;
}

.div_wrap.backgroundType2 .page .description {
    margin-top: 0.68rem;
    width: 8.933333rem;
    box-sizing: border-box;
    margin-top: 0.533333rem;
    margin-left: 0.54rem;
    padding: 0.533333rem 0.266667rem;
    border: 2px solid #96092b;
    background: -moz-linear-gradient(left, #f5edeb 0%, #f5bbe3 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f5edeb), color-stop(100%, #f5bbe3));
    background: -webkit-linear-gradient(left, #f5edeb 0%, #f5bbe3 100%);
    background: -o-linear-gradient(left, #f5edeb 0%, #f5bbe3 100%);
    background: -ms-linear-gradient(left, #f5edeb 0%, #f5bbe3 100%);
    background: linear-gradient(to right, #f5edeb 0%, #f5bbe3 100%);
}

.div_wrap.backgroundType2 .page .description .description_box {
    width: 8.3rem;
    background: #fc4f65;
    padding: 0.35rem 0.8rem;
}

.div_wrap.backgroundType2 .page .description .description_box p {
    font-size: 0.3466667rem;
    color: #fff;
    text-shadow: -1px -1px 0 #e40000,
        1px -1px 0 #e40000,
        -1px 1px 0 #e40000,
        1px 1px 0 #e40000;
    font-family: 'FZLTHJW';
    line-height: 0.7rem;
}

.div_wrap.backgroundType2 .page .div_content .type1_title1 {
    width: 3.7333333rem;
    margin: 0 auto 0.2rem;
}

.div_wrap.backgroundType2 .page .div_content .type1_title1 img {
    width: 100%;
}


.div_wrap.backgroundType3 .page .div_content .title_h2 {
    font-size: 1.28rem;
    font-family: 'FZTYSJ';
    line-height: 1.533333rem;
    padding: 1.2rem 0.4rem 0;
    color: #333333;
    margin-bottom: 0.35rem;
}

.div_wrap.backgroundType3 .page .sellingPoint span:nth-child(1) {
    display: none;
}

.div_wrap.backgroundType3 .page .sellingPoint {
    background: #333;
    color: #ffcd00;
    font-size: 0.4rem;
    /* font-family: 'FZLTCHJW'; */
    font-family: 'FZLTHJW';
    font-weight: bold;
    padding: 0.16rem 0.73rem;
    max-width: 8.8rem;
    margin-left: 0.666667rem;
    display: inline-block;
}

.div_wrap.backgroundType3 .page .courseDurationInfo {
    margin-left: 0.666667rem;
    font-size: 0.4rem;
    margin-top: 0.4rem;
}

.div_wrap.backgroundType3 .page .description {
    background: #fff;
    border-radius: 10px;
    padding: 0.53rem 0.73rem;
    width: 9.2rem;
    margin: 1.1rem auto 0;
    box-sizing: border-box;

}

.div_wrap.backgroundType3 .page .description .type1_title1 {
    width: 3.6rem;
    margin: 0 auto 0.3rem;
}

.div_wrap.backgroundType3 .page .description .type1_title1 img {
    width: 101%
}

.div_wrap.backgroundType3 .buy-area .btn-group {
    /* background: #ffc800; */
}

.div_wrap.backgroundType3 .buy-area .btn-group>a.buy {
    width: 9rem;
    height: 1.55rem;
    background-size: 100% 100%;
    font-size: 0.50rem;
    line-height: 1.4rem;
    margin: 0 auto 0.2rem;
    display: block;
    float: none;
    box-shadow: none;
}

.div_wrap.backgroundType3 .buy-area .stock {
    color: #333;

}

.div_wrap.backgroundType4 .page .div_content .title_h2 {
    font-size: 1.26rem;
    width: 8.9rem;
    color: #fff;
    font-family: 'FZLTTHJW';
    text-shadow: 0px 0.18rem 0.21rem #c5281f;
    margin: 0 auto 0.29rem;
    padding-top: 0.86rem;
}

.div_wrap.backgroundType4 .page .div_content .sellingPoint {
    font-size: 0.3733333rem;
    color: #f9ca88;
    background: url('../img/mdbg-f4cae9b028.png') repeat-x top center;
    position: relative;
    margin-left: 1rem;
    display: inline-block;
    height: 0.826666667rem;
    line-height: 0.826666667rem;
    background-size: contain;
}

.div_wrap.backgroundType4 .page .div_content .sellingPoint .left {
    display: block;
    position: absolute;
    left: -0.48rem;
    top: 0;
    width: 0.48rem;
    background: url('../img/mdbg_left-78ed4b3482.png') no-repeat top center;
    height: 0.826666667rem;
    background-size: contain;
}

.div_wrap.backgroundType4 .page .div_content .sellingPoint .right {
    display: block;
    position: absolute;
    right: -0.48rem;
    top: 0;
    width: 0.48rem;
    background: url('../img/mdbg_right-dcc6cc9733.png') no-repeat top center;
    height: 0.826666667rem;
    background-size: contain;
}

.div_wrap.backgroundType4 .page .div_content .sellingPoint span:nth-child(1) {
    display: none;
}

.div_wrap.backgroundType4 .page .div_content .courseDurationInfo {
    color: #fff;
    margin-left: 0.8666667rem;
    font-size: 0.4rem;
    margin-top: 0.4rem;
}

.div_wrap.backgroundType4 .page .description {
    background: #fff;
    border-radius: 10px;
    padding: 0.53rem 0.73rem;
    width: 9.2rem;
    margin: 0.68rem auto 0;
    box-sizing: border-box;

}

.div_wrap.backgroundType4 .page .description .type1_title1 {
    width: 3.6rem;
    margin: 0.15rem auto 0.2rem;
}

.div_wrap.backgroundType4 .page .description .type1_title1 img {
    width: 101%
}

.div_wrap.backgroundType5 .buy-area {
    /* background: #09c5a1; */
}

.div_wrap.backgroundType5 .page .div_content .title_h2 {
    font-size: 1.26rem;
    width: 8.9rem;
    color: #fff;
    font-family: 'FZLTTHJW';
    text-shadow: 0 0.07rem 1px #029d6c;
    margin: 0 auto 0.4rem;
    padding-top: 0.6rem;
}

.div_wrap.backgroundType5 .page .div_content .sellingPoint {
    font-size: 0.3733333rem;
    color: #333;
    background: url('../img/mdbg5-418909a989.png') repeat-x top center;
    position: relative;
    margin-left: 1rem;
    display: inline-block;
    height: 0.826666667rem;
    line-height: 0.826666667rem;
    background-size: cover;
    font-family: FZLTHJW;
    font-weight: bold;

}

.div_wrap.backgroundType5 .page .div_content .sellingPoint .left {
    display: block;
    position: absolute;
    left: -0.48rem;
    top: 0;
    width: 0.48rem;
    background: url('../img/mdbg5_left-b0dac4cf4f.png') no-repeat top center;
    height: 0.826666667rem;
    background-size: contain;
}

.div_wrap.backgroundType5 .page .div_content .sellingPoint .right {
    display: block;
    position: absolute;
    right: -0.48rem;
    top: 0;
    width: 0.48rem;
    background: url('../img/mdbg5_right-67b1046cef.png') no-repeat top center;
    height: 0.826666667rem;
    background-size: contain;
}

.div_wrap.backgroundType5 .page .div_content .sellingPoint span:nth-child(1) {
    display: none;
}

.div_wrap.backgroundType5 .page .div_content .courseDurationInfo {
    color: #fff;
    margin-left: 0.8666667rem;
    font-size: 0.4rem;
    margin-top: 0.42rem;
    font-family: 'FZLTCHJW';
    text-shadow: 0 0.04rem 1px #029d6c;
}

.div_wrap.backgroundType5 .page .div_content .courseDurationInfo a {

    font-family: 'FZLTCHJW';

}

.div_wrap.backgroundType5 .page .description {
    background: #fff;
    border-radius: 10px;
    padding: 0.53rem 0.73rem;
    width: 9.2rem;
    margin: 1.20rem auto 0;
    box-sizing: border-box;

}

.div_wrap.backgroundType5 .page .description p {
    color: #696681;
}

.div_wrap.backgroundType5 .page .description .type1_title1 {
    width: 3.86rem;
    margin: 0 auto -0.5rem;
    position: relative;
    top: -0.84rem;
}

.div_wrap.backgroundType5 .page .description .type1_title1 img {
    width: 101%
}

.priceSpan {
    font-size: 0.6rem;
    margin-right: 0.1rem;
}

.div_wrap.backgroundType6 #primary_buy.buyButtonStyle2 {
    background: url('../img/buyButtonStyle2-f988216271.png') no-repeat top center;
    background-size: 100% 100%;
}

.div_wrap.backgroundType6 .description img {
    width: 100%;
    height: initial;
}

.div_wrap .description img {
    width: 100%;
    height: initial;
}

.div_wrap.backgroundType6 .page {
    padding-bottom: 0;
    min-height: initial;
}

.div_wrap.backgroundType6 .page .div_content {
    margin-bottom: 0;
}


.div_wrap.backgroundType1 .buy-area .btn-group>a.buy {
    width: 9.36rem;
    height: 1.3333333rem;
    background: url('../img/bg1_btn-0b5a5f8ce9.png') no-repeat top center;
    background-size: 100% 100%;
    line-height: 1.2rem;
}

.div_wrap.backgroundType1 .buy-area .btn-group>a.unable {
    width: 9.36rem;
    height: 1.3333333rem;
    background: url('../img/bg1_btn0-a8448327f9.png') no-repeat top center;
    background-size: 100% 100%;
    line-height: 1.2rem;
    color: #fff;
}

.div_wrap.backgroundType1 .buy-area .btn-group>div.soldout {
    width: 9.36rem;
    height: 1.3333333rem;
    background: url('../img/bg1_btn0-a8448327f9.png') no-repeat top center;
    background-size: 100% 100%;
    display: none;
    color: #fff;
    line-height: 1.2rem;
}

.div_wrap.backgroundType1 .buy-area .btn-group>a.sold_out {
    width: 9.36rem;
    height: 1.3333333rem;
    background: url('../img/bg1_btn0-a8448327f9.png') no-repeat top center;
    background-size: 100% 100%;
    line-height: 1.2rem;
    color: #fff;
}


.div_wrap.backgroundType2 .buy-area .btn-group>a.buy {
    width: 9.2533333rem;
    height: 1.3333333rem;
    background: url('../img/bg2_btn-837120d320.png') no-repeat top center;
    background-size: 100% 100%;
    line-height: 1.2rem;
    color: #d2050c;
    margin-bottom: 0.4rem;
}

.div_wrap.backgroundType2 .buy-area .btn-group>a.unable {
    width: 9.2533333rem;
    height: 1.3333333rem;
    background: url('../img/bg2_btn0-4ad5977372.png') no-repeat top center;
    background-size: 100% 100%;
    line-height: 1.2rem;
    color: #fff;
    margin-bottom: 0.4rem;
}

.div_wrap.backgroundType2 .buy-area .btn-group>div.soldout {
    width: 9.2533333rem;
    height: 1.3333333rem;
    background: url('../img/bg2_btn0-4ad5977372.png') no-repeat top center;
    background-size: 100% 100%;
    display: none;
    color: #fff;
    line-height: 1.2rem;
    margin-bottom: 0.4rem;
}

.div_wrap.backgroundType2 .buy-area .btn-group>a.sold_out {
    width: 9.2533333rem;
    height: 1.3333333rem;
    background: url('../img/bg2_btn0-4ad5977372.png') no-repeat top center;
    background-size: 100% 100%;
    line-height: 1.2rem;
    color: #fff;
    margin-bottom: 0.4rem;
}


.div_wrap.backgroundType3 .buy-area .btn-group>a.buy {
    width: 9.36rem;
    height: 1.3333333rem;
    background: url('../img/bg3_btn-861af5ea8b.png') no-repeat top center;
    background-size: 100% 100%;
    line-height: 1.2rem;
    color: #fff;
    margin-bottom: 0.3rem;
}

.div_wrap.backgroundType3 .buy-area .btn-group>a.buy span {
    color: #fffc01;
}

.div_wrap.backgroundType3 .buy-area .btn-group>a.unable {
    width: 9.36rem;
    height: 1.3333333rem;
    background: url('../img/bg3_btn0-ac297f1c0d.png') no-repeat top center;
    background-size: 100% 100%;
    line-height: 1.2rem;
    color: #fff;
    margin-bottom: 0.3rem;
}

.div_wrap.backgroundType3 .buy-area .btn-group>div.soldout {
    width: 9.36rem;
    height: 1.3333333rem;
    background: url('../img/bg3_btn0-ac297f1c0d.png') no-repeat top center;
    background-size: 100% 100%;
    display: none;
    color: #fff;
    line-height: 1.2rem;
    margin-bottom: 0.3rem;
}

.div_wrap.backgroundType3 .buy-area .btn-group>a.sold_out {
    width: 9.36rem;
    height: 1.3333333rem;
    background: url('../img/bg3_btn0-ac297f1c0d.png') no-repeat top center;
    background-size: 100% 100%;
    line-height: 1.2rem;
    color: #fff;
    margin-bottom: 0.3rem;
}

.div_wrap.backgroundType4 .buy-area .btn-group>a.buy {
    width: 9.36rem;
    height: 1.3333333rem;
    background: url('../img/bg4_btn-39710233f9.png') no-repeat top center;
    background-size: 100% 100%;
    line-height: 1.2rem;
    color: #d2080c;
}

.div_wrap.backgroundType4 .buy-area .btn-group>a.unable {
    width: 9.36rem;
    height: 1.3333333rem;
    background: url('../img/bg4_btn0-4e008241aa.png') no-repeat top center;
    background-size: 100% 100%;
    line-height: 1.2rem;
    color: #fff;
}

.div_wrap.backgroundType4 .buy-area .btn-group>div.soldout {
    width: 9.36rem;
    height: 1.3333333rem;
    background: url('../img/bg4_btn0-4e008241aa.png') no-repeat top center;
    background-size: 100% 100%;
    display: none;
    color: #fff;
    line-height: 1.2rem;
}

.div_wrap.backgroundType4 .buy-area .btn-group>a.sold_out {
    width: 9.36rem;
    height: 1.3333333rem;
    background: url('../img/bg4_btn0-4e008241aa.png') no-repeat top center;
    background-size: 100% 100%;
    line-height: 1.2rem;
    color: #fff;
}



.div_wrap.backgroundType5 .buy-area .btn-group>a.buy {
    width: 9.2rem;
    height: 1.173333333rem;
    background: url('../img/bg5_btn-a391daee6b.png') no-repeat top center;
    background-size: 100% 100%;
    line-height: 1.2rem;
    color: #ff3e1e;
    margin-bottom: 0.4rem;
}

.div_wrap.backgroundType5 .buy-area .btn-group>a.unable {
    width: 9.2rem;
    height: 1.173333333rem;
    background: url('../img/bg5_btn0-62beeea397.png') no-repeat top center;
    background-size: 100% 100%;
    line-height: 1.2rem;
    color: #fff;
    margin-bottom: 0.4rem;
}

.div_wrap.backgroundType5 .buy-area .btn-group>div.soldout {
    width: 9.2rem;
    height: 1.173333333rem;
    background: url('../img/bg5_btn0-62beeea397.png') no-repeat top center;
    background-size: 100% 100%;
    display: none;
    color: #fff;
    line-height: 1.2rem;
    margin-bottom: 0.4rem;
}

.div_wrap.backgroundType5 .buy-area .btn-group>a.sold_out {
    width: 9.2rem;
    height: 1.173333333rem;
    background: url('../img/bg5_btn0-62beeea397.png') no-repeat top center;
    background-size: 100% 100%;
    line-height: 1.2rem;
    color: #fff;
    margin-bottom: 0.4rem;
}

.sku_group_box {
    margin-top: 0.5rem;
}

.summary.join_group {
    width: 10rem;
    height: 1.06666667rem;
    background: #FFF;
    margin: 0.1rem auto 0;
}

.summary.join_group.clearfix {
    cursor: pointer;
    display: none;
}

.add_group_button.join_group {
    width: 2.16rem;
    height: 2.2rem;
    background: url('../img/add_group_icon-e2b148970c.png') no-repeat top center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 25%;
    z-index: 2;
    display: none;
}

.add_group_button.join_group .gif_btn {
    width: 0.6rem;
    height: 0.6rem;
    margin: 0.6rem auto;
    background: url(../img/addgroup.gif) no-repeat top center;
    background-size: cover;
}



.join_group .left {
    width: 0.5rem;
    height: 1.06rem;
    background: url('../img/group_icon-b266479e7c.png') no-repeat center center;
    background-size: contain;
    float: left;
    margin-left: 20px;
    margin-right: 10px;
}

.join_group .mid {
    float: left;
    color: #333;
    font-size: 0.34666666rem;
    line-height: 1.06rem;
}

.summary.join_group .right {
    width: 1rem;
    height: 0.5rem;
    background-image: linear-gradient(90deg, #DC3021 0%, #EF5437 100%);
    border-radius: 17px;
    color: #fff;
    float: right;
    text-align: center;
    margin-right: 20px;
    position: relative;
    top: 50%;
    margin-top: -0.25rem;
    line-height: 0.5rem;
}

.summary.present2 .left {
    width: 0.45rem;
    height: 1.06rem;
    background: url('../img/gift-1a88ac27b8.png') no-repeat center center;
    background-size: contain;
    float: left;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 0;
}

.summary.present2 .mid {
    float: left;
    color: #333;
    font-size: 0.34666666rem;
    line-height: 1.14rem;
}

.summary.present2 .right {
    width: 1rem;
    height: 0.5rem;
    background-image: linear-gradient(90deg, #DC3021 0%, #EF5437 100%);
    border-radius: 17px;
    color: #fff;
    text-align: center;
    margin-right: 20px;
    position: relative;
    top: 50%;
    margin-top: -0.25rem;
    line-height: 0.5rem;
}



.group_popup {
    /* position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 111111;
	display: none;  */
}

.group_popup .shadow {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.group_popup .inner {
    /* width: 600px;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -300px;
	padding: 30px;
	box-sizing: border-box;
	max-height: 600px;
	overflow-y: scroll; */
}

/* .group_popup .inner::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.group_popup .inner::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #fafafa;
    background: rgba(0,0,0,.075);
}


.group_popup .inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #fafafa;
    border-radius: 0;
    background: #ececec;
} */


.group_popup .inner .mid {
    margin-top: 20px;
    font-size: 20px;
    text-align: center;
}


.group_popup .inner::-webkit-scrollbar {
    width: 18px;
    height: 14px;
}

.group_popup .inner::-webkit-scrollbar-track,
.group_popup .inner::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
}

.group_popup .inner::-webkit-scrollbar-track {
    /* box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;*/
}

.group_popup .inner::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 0 0 0 5px rgba(174, 174, 174, 1) inset;
}

.group_popup .inner::-webkit-scrollbar-corner {
    background: transparent;

}

.group_popup .sku_name {
    font-size: 0.38rem;
    font-family: FZLTHJW;
    margin-bottom: 0.26rem;
    font-weight: bold;
}

.group_popup .sku_value {
    margin-bottom: 10px;
    overflow-x: auto;
    list-style: none;
    white-space: nowrap;
    width: auto;
}

/* .catalog_btns{
	overflow-x: auto;  list-style: none; white-space:nowrap ;width: auto;
} */

.group_popup .sku_value>div {
    /* float: left; */
    display: inline-block;
    font-size: 14px;
    min-width: 1.98rem;
    height: 0.85rem;
    background: #f2f2f2;
    border-radius: 5px;
    line-height: 0.85rem;
    text-align: center;
    padding: 0 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    border: 1px solid #f2f2f2;
}

.group_popup .sku_value>div.active {
    background: #fef2f3;
    color: #e60012;
    border: 1px solid #e60012;
}

.wx_group_list {
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #e6e6e6;
    /* width: 484px; */
    margin: 0 auto 0.4rem;
}

.wx_group_list li {
    margin-top: 0.4rem;
}

.wx_group_list li .introduce {
    font-size: 0.38rem;
    font-family: FZLTHJW;
    text-align: center;
    width: 8.5333333rem;
    line-height: 0.38rem;
    margin: 0 auto 10px;
    font-weight: bold;
}

.wx_group_list li .code_box {
    width: 8.5333333rem;
    background: url('../img/wx_bg-87e5401217.png') no-repeat top center;
    background-size: contain;
    margin: 0 auto;
    position: relative;

}

.wx_group_list li .code_box img {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 auto 10px;
    padding-top: 10px;
    box-sizing: content-box;
}

.wx_group_list li .code_box .tip {
    font-size: 0.4rem;
    color: #e60012;
    text-align: center;
    line-height: 0.4rem;
    padding-top: 0.4rem;
}

.wx_group_list li .hand {
    width: 27px;
    height: 28px;
    background: url('../img/hand-ff696b02fe.png') no-repeat top center;
    position: absolute;
    right: 71px;
    bottom: 16px;
}

.wx_group_list li .div_btn {
    width: 8.5333333rem;
    height: 1.0666666rem;
    margin: 0 auto;
    margin: 0.4rem auto 0;
    color: #fff;
    line-height: 1.0666666rem;
    border-radius: 0.8rem;
    font-size: 0.4rem;
    text-align: center;
    background: #dc3021;
}

.qq_group_list li .copy_btn_app {
    width: 8.5333333rem;
    height: 1.0666666rem;
    margin: 0.4rem auto 0;
    color: #fff;
    line-height: 1.0666666rem;
    border-radius: 0.8rem;
    text-align: center;
    background: #dc3021;
}



.qq_group_list li {
    margin-top: 10px;
}

.qq_group_list li .introduce {
    font-size: 0.373rem;
    font-family: FZLTHJW;
    text-align: center;
    width: 8.5333333rem;
    line-height: 0.373rem;
    margin: 0 auto 10px;
    font-weight: bold;
}

.qq_group_list li .code_box {
    width: 8.5333333rem;
    height: 1.73333333rem;
    background: url('../img/qq_bg-dbc9c8a249.png') no-repeat top center;
    margin: 0 auto;
    background-size: contain;
}

.qq_group_list li .code_box p {
    float: left;
    margin-left: 72px;
    font-size: 0.346rem;
    margin-top: 11px;
}

.qq_group_list li .code_box p span {
    display: inline-block;
    max-width: 118px;
    overflow: hidden;
}

.qq_group_list li .code_box .copy_btn {
    float: right;
    margin-right: 20px;
    color: #e60012;
    border-radius: 5px;
    border: 1px solid #e60012;
    font-weight: bold;
    width: 95px;
    height: 32px;
    background: #fff;
    text-align: center;
    line-height: 32px;
    margin-top: 13px;
    cursor: pointer;
}

.group_popup .inner .close_btn {
    width: 18px;
    height: 18px;
    background: url('../img/close_icon-d0d16fb331.png') no-repeat top center;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.group_div {
    display: none;
}

.group-selector-wrapper {
    z-index: 200001;
    display: none;
    position: fixed;
    right: 50%;
    bottom: 0;
    width: 10rem;
    margin-right: -5rem;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.group-selector {
    max-height: 11rem;
    overflow-y: auto;
    position: fixed;
    right: 50%;
    bottom: 0;
    width: 10rem;
    margin-right: -5rem;
    padding: 0 0.4rem 0.7rem;
    background: #fff;
    border-top-left-radius: 0.266667rem;
    border-top-right-radius: 0.266667rem;
    /* faster than normal */
    animation-duration: 0.5s;
}

.group_tip {
    color: #666;
    font-size: 0.346rem;
    margin-bottom: 15px;
}

.group_tip .s1 {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    background: url('../img/tip1-00c843f74f.png') no-repeat top center;
    vertical-align: text-top;
    background-size: contain;
}


.no_group {
    color: #666;
    font-size: 0.346rem;
    margin-bottom: 15px;
}

.no_group .s1 {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    background: url('../img/tip1-00c843f74f.png') no-repeat top center;
    vertical-align: text-top;
    background-size: contain;
}

.noborder {
    border-bottom: none;
}

.youxiaoqitd {
    display: none;
}

.ab {
    position: absolute;
}

div#zc__sdk__container {
    position: fixed;
    top: inherit !important;
    left: 50% !important;
    transform: none;
}

.live_title {
    font-size: 0.37333333rem;
    color: #ccc;
    background: rgba(0, 0, 0, 0.1)
}

.live_title i {
    display: block;
    float: left;
    line-height: 0.75rem;
    color: #fff;
    font-size: 12px;
    margin-left: 0.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 7rem;
}

.live_title2 {
    position: relative;
    z-index: 99999;
}

.live_title .s1 {
    display: inline-block;
    float: left;
    width: 1.53333333rem;
    height: 0.48rem;
    background: url('../img/zhibozhong-626d41afcf.png') no-repeat top center;
    background-size: contain;
    margin-top: 0.1rem;
    margin-left: 0.1rem;
}

.live_title .s2 {
    display: inline-block;
    float: left;
    width: 1.53333333rem;
    height: 0.48rem;
    background: url('../img/jijiangkaishi-7b1895ca40.png') no-repeat top center;
    background-size: contain;
    margin-top: 0.1rem;
    margin-left: 0.1rem;
}

.live_title .s3 {
    display: inline-block;
    float: left;
    width: 1.53333333rem;
    height: 0.48rem;
    background: url('../img/yijieshu-b6e5309faf.png') no-repeat top center;
    background-size: contain;
    margin-top: 0.1rem;
    margin-left: 0.1rem;
}

.div-live .live_title span {
    display: none;
}

.banner .playercontainer .close_btn {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    display: block;
    width: 45px;
    height: 45px;
    z-index: 999999999999;
    display: block;
    background: url('../img/48-86114c284b.png') no-repeat center center;
    position: absolute;
    cursor: pointer;
}

.tslive,
.over_tip {
    width: 6.4rem;
    height: 0.8rem;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    line-height: 0.8rem;
    border-radius: 5px;
    font-size: 15px;
    position: absolute;
    top: 2.6rem;
    left: 50%;
    margin-top: -0.4rem;
    margin-left: -3.2rem;
    display: none;
    color: #fff;
    z-index: 602;
    box-sizing: border-box;
}

.over_tip {
    display: block;
}

.a-skus .s1:nth-child(1) {
    display: none;
}

.a-skus .s1 {
    display: inline-block;
}

.a-skus p {
    display: inline-block;
}

.menu_btns {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 9999;
    transform: translate(0, -50%);
}

.open_app,
.group_remind {
    background: #d33f3a;
    color: #fff;
    height: 1.6rem;
    font-size: .4rem;
    padding: .2rem .1rem .2rem .25rem;
    box-sizing: border-box;
    border-radius: .6rem 0 0 .6rem;
    display: none;
    /* display: none; */
}

.group_remind {
    margin-top: .2rem;
}

.arouse_wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9998;
    display: none;
}

.arouse_wrapper img {
    width: 100%;
    height: 100%;
}

/* 成团提醒弹窗样式 */
.group_remind_box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.group_remind_box .g-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.group_remind_box .g-popup {
    width: 7.6rem;
    height: 11.4rem;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -5.7rem;
    margin-left: -3.8rem;
    padding: .2667rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: .1067rem;
}

.group_remind_box .g-popup .group_remind_title {
    font-size: .48rem;
    text-align: center;
    font-weight: bold;
}

.group_remind_box .g-popup .group_remind_tip1 {
    font-size: .32rem;
    margin-top: .2667rem;
    text-align: center;
    color: #959595;
}

.group_remind_box .g-popup .group_remind_qrcode {
    width: 7.0667rem;
    height: 7.0667rem;
    padding: .2667rem;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    margin-top: .2667rem;
}

.group_remind_box .g-popup .group_remind_tip2 {
    font-size: .32rem;
    color: #666;
    margin-top: .2667rem;
    text-align: center;
}

.group_remind_box .g-popup .group_remind_copy {
    width: 100%;
    height: .8rem;
    text-align: center;
    outline: none;
    font-size: .48rem;
    line-height: .5333rem;
    color: #D9001B;
    border: 1px dashed #D9001B;
    margin-top: .2667rem;
    background: #fff;
}

.toast_copy {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0.2rem 0.5rem;
    background: #808080;
    border-radius: .0667rem;
    color: #fff;
    font-size: 0.32rem;
    z-index: 3333333;
}

.toast_copy p {
    font-size: 0.4rem;
    text-align: center;
}


.present-box {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 700;
}

.present-box .p-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.present-box .p-popup {
    background: url('../img/gift_bg-919d524e30.png') no-repeat top center;
    background-size: cover;
    width: 8.666666rem;
    height: 9.69rem;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -4.85rem;
    margin-left: -4.333333rem;
    display: none;
}

.present-box .p-popup .a-skus {
    width: 6.266666rem;
    height: 1.546666rem;
    border-radius: 5px;
    font-size: 0.346rem;
    margin: 6rem auto 0.4rem;
    border-radius: 10px;
    background: #fff;
    padding: 0.4rem;
    box-sizing: border-box;
}

.present-box .p-popup .btns-box {
    width: 6.666666rem;
    margin: 0 auto;
}

.present-box .p-popup .btns-box>div {
    width: 2.933333rem;
    height: 1.0666667rem;
    margin: 0 0.2rem;
    float: left;
    border-radius: 50px;
    text-align: center;
    line-height: 1.1rem;
    font-size: 0.4rem;
    font-weight: bold;
    font-family: FZLTHJW;
}

.present-box .p-popup .btns-box>div.left-close {
    border: 1px solid #fff;
    color: #fff;
    box-sizing: border-box;
}

.present-box .p-popup .btns-box>div.right-buy {
    background: #fbed98;
    color: #59300c;
    background: -moz-linear-gradient(left, #fbed98 0%, #f8dd67 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fbed98), color-stop(100%, #f8dd67));
    background: -webkit-linear-gradient(left, #fbed98 0%, #f8dd67 100%);
    background: -o-linear-gradient(left, #fbed98 0%, #f8dd67 100%);
    background: -ms-linear-gradient(left, #fbed98 0%, #f8dd67 100%);
    background: linear-gradient(to right, #fbed98 0%, #f8dd67 100%);
    box-shadow: 0px 0px 14px -5px #333;
}

.present.clearfix {
    height: 1.04rem;
    cursor: pointer;
    background-size: contain;
    display: none;
}

.add_group_button.present {
    width: 2.16rem;
    height: 2.2rem;
    background: url('../img/zengsong-icon-72cf08dccb.png') no-repeat top center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 32%;
    z-index: 2;
}

.add_group_button.present .gif_btn {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0.6rem auto;
    background: url('../img/gift-1a88ac27b8.png') no-repeat top center;
    background-size: cover;
}

.present .left {
    width: 0.4rem;
    height: 0.4rem;
    background: url('../img/gift-1a88ac27b8.png') no-repeat top center;
    background-size: cover;
    float: left;
    margin-top: 0.08rem;
    margin-left: 0.2666667rem;
    margin-right: 0.1333333rem;
}

.present .mid {
    float: left;
    color: #e60012;
    font-size: 0.4rem;
    line-height: 1.14rem;
}

.group_present {
    margin-bottom: 5px;
}

.group_present .clearfix {
    background: #fff;
    height: 1.14666666rem;
    margin-top: 1px;
    padding: 0 0.4rem;
}

.group_present .join_group .left {
    width: 0.44rem;
    height: 0.3466666rem;
    background: url('../img/group_icon-b266479e7c.png') no-repeat top center;
    float: left;
    background-size: cover;
    margin-top: 0.4rem;
    margin-right: 0.26rem;
    margin-left: 0;
}

.group_present .join_group .mid {
    font-size: 0.373333333rem;
    color: #333;
    float: left;
}

.group_present .join_group .right {
    background: url('../img/zengsong-001d4db9a3.png') no-repeat top center;
    width: 0.9333333rem;
    height: 0.45333333rem;
    float: right;
    background-size: contain;
    margin-top: 0.35rem;
    color: #fff;
    text-align: center;
    line-height: 0.45333333rem;
    font-size: 12px;
}

.group_present .present .left {
    width: 0.386666666rem;
    height: 0.373333333rem;
    background: url('../img/gift-1a88ac27b8.png') no-repeat top center;
    float: left;
    background-size: cover;
    margin-top: 0.4rem;
    margin-right: 0.26rem;
    margin-left: 0;
}

.group_present .present .mid {
    font-size: 0.373333333rem;
    color: #333;
    float: left;
}

.group_present .present .right {
    background: url('../img/zengsong-001d4db9a3.png') no-repeat top center;
    width: 0.9333333rem;
    height: 0.45333333rem;
    float: right;
    background-size: contain;
    margin-top: 0.35rem;
    color: #fff;
    text-align: center;
    line-height: 0.45333333rem;
    font-size: 12px;
}

.present2 {
    box-sizing: border-box;
    width: 10rem;
    height: 1.06666667rem;
    border-radius: 5px;
    background: #fff;
    display: none;
    border-top: 1px solid #e5e5e5;
}


.present2 .left {
    width: 0.386666666rem;
    height: 0.373333333rem;
    background: url('../img/gift-1a88ac27b8.png') no-repeat top center;
    float: left;
    background-size: cover;
    margin-top: 0.2rem;
    margin-right: 0.26rem;
    margin-left: 0;
}

.present2 .mid {
    font-size: 0.333333333rem;
    color: #333;
    float: left;
    line-height: 0.77333333rem;
    font-weight: normal;
    font-family: FZLTHJW;
}

.present2 .right {
    background: url('../img/zengsong-001d4db9a3.png') no-repeat top center;
    width: 0.9333333rem;
    height: 0.45333333rem;
    float: right;
    background-size: contain;
    margin-top: 0.16rem;
    color: #fff;
    text-align: center;
    line-height: 0.45333333rem;
    font-size: 12px;
    font-weight: normal;
    font-family: FZLTHJW;
}

.present-box .p-free {
    width: 10rem;
    min-height: 7.413333333rem;
    background: url('../img/bot1-96d585a17c.png') no-repeat top center;
    background-size: contain;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: none;
    /* padding-bottom: 0.3rem; */
    /* background-color:#e8413a ; */
}

.present-box .p-free .msg {
    width: 8.46666666rem;
    height: 1.46666666rem;
    margin: 3.15rem auto 0;
    padding-left: 0.24rem;
    padding-top: 0.12666666rem;
    font-size: 0.373333333rem;
}

.present-box .p-free .msg .p2 {
    text-align: right;
    padding-right: 0.44rem;
    font-weight: bold;
    margin-top: 0.0666666rem;
}

.present-box .p-free .get-btn {
    width: 7.6rem;
    height: 1.04rem;
    margin: 0.6rem auto 0;
    text-align: center;
    line-height: 1.04rem;
    font-size: 0.46rem;
    color: #59300c;
}

.present-box .p-free .total {
    font-size: 0.345rem;
    text-align: center;
    color: #fff;
    margin: 0.33rem auto 0;
}

.present-box .p-free .close-btn {
    width: 0.56rem;
    height: 0.56rem;
    background: url('../img/close-d13cfa46d2.png') no-repeat top center;
    position: absolute;
    top: 0.2666666rem;
    right: 0.2666666rem;
    background-size: contain;
}

.present-box .p-free .list-info {
    width: 100%;
    padding: 0 0.2rem;
    background: url('../img/redbg-156140241c.png') repeat-y top center;
    display: none;
    padding-bottom: 0.3rem;
}

.present-box .p-free .list-info .name-time {
    width: 9.2rem;
    max-height: 2.94rem;
    margin: 0.197rem auto 0;
    padding: 0.13333333rem 0.4rem;
    background: #d81f24;
    border-radius: 5px;
    overflow-y: auto;
}


.present-box .p-free .list-info .name-time li {
    padding: 0.26666666rem 0;
    height: 1.33333333rem;
    line-height: 1.33333333rem;
    margin-bottom: 1px;
}

.present-box .p-free .list-info .name-time li .avatar {
    width: 0.8rem;
    height: 0.8rem;
    background: url('../img/abg-8d2b5569c4.png') no-repeat top center;
    float: left;
    background-size: cover;
    margin-right: 0.24rem;
}

.present-box .p-free .list-info .name-time li .name {
    color: #fff;
    font-size: 0.4rem;
    float: left;
    line-height: 0.8rem;
}

.present-box .list-info .name-time li .name {
    font-weight: bold;
}

.present-box .p-free .list-info .name-time li .time {
    font-size: 0.32rem;
    color: #fff;
    float: right;
    line-height: 0.8rem;
}



.present-box .p-empty {
    width: 10rem;
    min-height: 8.546666666rem;
    background: url('../img/bot2-8aadf8737a.png') no-repeat top center;
    background-size: contain;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: none;
}

.present-box .p-empty .p1 {
    width: 8.46666666rem;
    /* height: 1.46666666rem; */
    margin: 3.15rem auto 0;
    padding-left: 0.24rem;
    padding-top: 0.42666666rem;
    font-size: 0.48rem;
    color: #fff;
    text-align: center;
}

.present-box .p-empty .p2 {
    font-size: 0.345rem;
    text-align: center;
    color: #fff;
    margin: 0.28rem auto 0;
}

.present-box .p-empty .list-info {
    width: 100%;
    padding: 0 0.2rem;
    background: url('../img/redbg-156140241c.png') repeat-y top center;
    padding-bottom: 0.3rem;
}

.present-box .p-empty .name-time {
    width: 9.2rem;
    max-height: 2.94rem;
    margin: 0.197rem auto 0;
    padding: 0.13333333rem 0.4rem;
    overflow-y: auto;
}

.present-box .p-free .name-time li {
    padding: 0.26666666rem 0;
    height: 1.33333333rem;
    line-height: 1.33333333rem;
    margin-bottom: 1px;
    border-bottom: 1px solid #e9443b;
}

.present-box .p-empty .name-time li {
    padding: 0.26666666rem 0;
    height: 1.33333333rem;
    line-height: 1.33333333rem;
    margin-bottom: 1px;
    border-bottom: 1px solid #e9443b;
}

.present-box .p-empty .name-time li:nth-last-child(1) {
    border-bottom: none;
}

.present-box .p-free .name-time li:nth-last-child(1) {
    border-bottom: none;
}

.present-box .p-empty .name-time li .avatar {
    width: 0.8rem;
    height: 0.8rem;
    background: url('../img/abg-8d2b5569c4.png') no-repeat top center;
    float: left;
    background-size: cover;
    margin-right: 0.24rem;
}

.present-box .p-empty .name-time li .name {
    color: #fff;
    font-size: 0.4rem;
    float: left;
    line-height: 0.8rem;
}

.present-box .p-empty .name-time li .time {
    font-size: 0.24rem;
    color: #fff;
    float: right;
    line-height: 0.8rem;
}


.present-box .p-empty .close-btn {
    width: 0.56rem;
    height: 0.56rem;
    background: url('../img/close-d13cfa46d2.png') no-repeat top center;
    position: absolute;
    top: 0.2666666rem;
    right: 0.2666666rem;
    background-size: contain;
}

.present-box .p-success {
    width: 10rem;
    min-height: 10.74rem;
    background: url('../img/bot3-490b479178.png') no-repeat top center;
    background-size: contain;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: none;
    padding-top: 3.4rem;
}

.present-box .p-success .close-btn {
    width: 0.56rem;
    height: 0.56rem;
    background: url('../img/close-d13cfa46d2.png') no-repeat top center;
    position: absolute;
    top: 0.2666666rem;
    right: 0.2666666rem;
    background-size: contain;
}

.present-box .p-success .p1 {
    font-size: 0.48rem;
    color: #fff;
    text-align: center;
}

.present-box .p-success .p2 {
    width: 7.6rem;
    height: 1.04rem;
    margin: 0.28rem auto 0;
    text-align: center;
    line-height: 0.95rem;
    font-size: 0.46rem;
    color: #59300c;
    display: block;
    font-weight: bold;
    font-family: FZLTHJW;
}

.present-box .p-success .tip {
    width: 9.2rem;
    height: 1.93333333rem;
    border-radius: 10px;
    padding: 0.2rem 0.4rem;
    box-sizing: border-box;
    margin: 0.4rem auto 0;
}

.present-box .p-success .tip h3 {
    font-size: 0.373333333rem;
    color: #fff;
}

.present-box .p-success .tip p {
    font-size: 0.32rem;
    line-height: 0.4rem;
    color: #fff;
}

.present-box .p-success .num {
    font-size: 0.345rem;
    text-align: center;
    color: #fff;
    margin: 0.28rem auto 0;
}

.present-box .p-success .list-info {
    width: 100%;
    padding: 0 0.2rem;
    background: url('../img/redbg-156140241c.png') repeat-y top center;
    padding-bottom: 0.3rem;
}

.present-box .p-success .name-time {
    width: 9.2rem;
    max-height: 2.94rem;
    margin: 0.197rem auto 0;
    padding: 0.13333333rem 0.4rem;
    overflow-y: auto;
    background: #d81f24;
    border-radius: 10px;
}


.present-box .p-success .name-time li {
    padding: 0.26666666rem 0;
    height: 1.33333333rem;
    line-height: 1.33333333rem;
    margin-bottom: 1px;
}

.present-box .p-success .name-time li .avatar {
    width: 0.8rem;
    height: 0.8rem;
    background: url('../img/abg-8d2b5569c4.png') no-repeat top center;
    float: left;
    background-size: cover;
    margin-right: 0.24rem;
}

.present-box .p-success .name-time li .name {
    color: #fff;
    font-size: 0.4rem;
    float: left;
    line-height: 0.8rem;
}

.present-box .p-success .name-time li .time {
    font-size: 0.24rem;
    color: #fff;
    float: right;
    line-height: 0.8rem;
}


.ts_present {
    width: 4rem;
    height: 0.8rem;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    line-height: 0.8rem;
    border-radius: 5px;
    font-size: 14px;
    position: fixed;
    top: 70%;
    left: 50%;
    margin-top: -0.4rem;
    margin-left: -2rem;
    display: none;
    color: #fff;
    z-index: 10000;
    padding-left: 0.2rem;
    box-sizing: border-box;
}

.appbtn {
    position: relative;
}

.appbtn .bg-btn img {
    width: 100%;
}

#launch-btn {
    width: 2.13rem;
    height: 0.75rem;
    display: block;
    position: absolute;
    top: 0.28rem;
    right: 0.4rem;
    z-index: 100000;
    text-align: center;
    overflow: hidden;
    /* background: #000; */
}


#launch-btn2 {
    width: 2.13rem;
    height: 0.75rem;
    display: block;
    position: absolute;
    top: 0.28rem;
    right: 0.4rem;
    z-index: 100000;
    text-align: center;
    overflow: hidden;
}


.appbtn .openAppBtn {
    width: 2.13rem;
    height: 0.75rem;
    display: block;
    position: absolute;
    top: 0.28rem;
    right: 0.4rem;
    z-index: 90000;
}

.appbtn .close-btn {
    width: 0.4rem;
    height: 0.4rem;
    display: block;
    position: absolute;
    top: 0.45rem;
    left: 0.4rem;
    z-index: 2;
}


.buy-area .zx-box {
    width: 1.95rem;
    height: 1rem;
    border-right: 1px solid #e6e6e6;
    float: left;
    margin-top: 0.266666rem;
}

.buy-area .zx-box .zhichi p,
.buy-area .zx-box .tangLang p {
    font-size: 0.2666667rem;
    color: #333333;
    line-height: 0.26666667rem;
    text-align: center;
    margin-top: 0.13333333rem;

}

.buy-area .zx-box .zhichi .zx-icon,
.buy-area .zx-box .tangLang .zx-icon {
    width: 0.706rem;
    height: 0.587rem;
    display: block;
    margin: 0 auto;
}

.buy-area .zx-box .zhichi .zx-icon img,
.buy-area .zx-box .tangLang .zx-icon img {
    width: 100%;
    vertical-align: top;
}

.buy-area .zx-box .zhichi,
.buy-area .zx-box .tangLang {
    display: block;
}

.buy-area .zx-box .tushu p {
    font-size: 0.2666667rem;
    color: #333333;
    line-height: 0.26666667rem;
    text-align: center;
    margin-top: 0.13333333rem;

}

.buy-area .zx-box .tushu .zx-icon {
    width: 0.706rem;
    height: 0.587rem;
    display: block;
    margin: 0 auto;
}

.buy-area .zx-box .tushu .zx-icon img {
    width: 100%;
    vertical-align: top;
}

.buy-area .zx-box .tushu {
    display: block;
}



.buy-area .zx-box .zx2 p {
    font-size: 0.2666667rem;
    color: #333333;
    line-height: 0.26666667rem;
    text-align: center;
    margin-top: 0.13333333rem;

}

.buy-area .zx-box .zx2 .zx-icon {
    width: 0.706rem;
    height: 0.587rem;
    display: block;
    margin: 0 auto;
}

.buy-area .zx-box .zx2 .zx-icon img {
    width: 100%;
    vertical-align: top;
}

.buy-area .zx-box .zx2 {
    display: block;
}

.buy-area .zx-box .zx p {
    font-size: 0.2666667rem;
    color: #333333;
    line-height: 0.26666667rem;
    text-align: center;
    margin-top: 0.13333333rem;

}

.buy-area .zx-box .zx .zx-icon {
    width: 0.706rem;
    height: 0.587rem;
    display: block;
    margin: 0 auto;
}

.buy-area .zx-box .zx .zx-icon img {
    width: 100%;
    vertical-align: top;
}

.buy-area .zx-box .zx {
    display: block;
}

.pintuan-btn-group {
    display: none;
    float: right;
}

.cypt-btn-group {
    display: none;
    margin-right: 0.4rem;
    float: right;
}

.full .manyuan {
    float: left;
    display: block;
    width: 2.666667rem;
    font-size: 0.34rem;
    color: #fff;
    font-weight: bold;
    height: 0.96rem;
    width: 2.666667rem;
    border-radius: 0.6rem;
    text-align: center;
    margin-left: 0.26666667rem;
    background: #999;
    line-height: 0.96rem;
}

.notFull .faqipintuan {
    float: left;
    display: block;
    width: 2.666667rem;
    font-size: 0.34rem;
    color: #fff;
    box-shadow: 0 0 0.133333rem rgba(255, 128, 63, 0.2);
    font-weight: bold;
    height: 0.96rem;
    width: 2.666667rem;
    border-radius: 0.6rem;
    background: #de3424;
    text-align: center;
    margin-left: 0.26666667rem;
    background: #f6a842;
    color: #fff;
}

.full .faqipintuan {
    float: left;
    display: block;
    width: 2.666667rem;
    font-size: 0.34rem;
    color: #fff;
    box-shadow: 0 0 0.133333rem rgba(255, 128, 63, 0.2);
    font-weight: bold;
    height: 0.96rem;
    width: 2.666667rem;
    border-radius: 0.6rem;
    background: #de3424;
    text-align: center;
    margin-left: 0.26666667rem;
    background: #f6a842;
    color: #fff;
}

.notFull .faqipintuan p {
    font-size: 0.34rem;
    line-height: 0.34rem;
}

.full .faqipintuan p {
    font-size: 0.34rem;
    line-height: 0.34rem;
}

.notFull .canyupintuan {
    float: left;
    display: block;
    width: 3.33333333rem;
    font-size: 0.34rem;
    color: #fff;
    box-shadow: 0 0 0.133333rem rgba(255, 128, 63, 0.2);
    font-weight: bold;
    height: 0.96rem;
    border-radius: 0.6rem;
    background: #de3424;
    text-align: center;
    margin-left: 0.26666667rem;
}


.notFull .price-div {
    height: 0.5rem;
    line-height: 0.5rem;
}

.full .price-div {
    height: 0.5rem;
    line-height: 0.5rem;
}

.notFull .canyupintuan p {
    font-size: 0.34rem;
    height: 0.5rem;
    line-height: 0.5rem;
}

.notFull .canyupintuan .time {
    font-size: 0.34rem;
    line-height: 0.34rem;
}

.price-p .price-span {
    display: none;
}

.pintuan-tc .con {
    width: 8rem;
    height: 3.3333333rem;
    background: #fff;
    border-radius: 0.1333333rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2.0rem;
    margin-left: -3.7333333rem;
    display: none;
    border: 1px solid #ccc;
    z-index: 1;
}

.pintuan-tc .con.con1 {
    /* display: block; */
}

.pintuan-tc .con .top {
    height: 1.85rem;
}

.pintuan-tc .con .p1 {
    padding: 0.4666667rem 0.8333333rem 0;
    text-align: center;
    box-sizing: border-box;
    font-size: 0.40rem;
    line-height: 0.56rem;
    color: #333;
}

.pintuan-tc .con .p1 .s2 {
    font-size: 0.44rem;
    line-height: 0.56rem;
    margin-bottom: 0.08rem;
    font-weight: bold;
    color: #333;
}

.pintuan-tc .con .p2 {
    color: #666;
    font-size: 0.4rem;
    text-align: center;
    margin-top: 0.2666667rem;
}

.pintuan-tc .con .p1 .s2 i {
    width: 0.16rem;
    height: 0.16rem;
    background: url('../img/tanhao-f709289243.png') no-repeat top center;
    display: inline-block;
    margin-right: 0.0666667rem;
}

.pintuan-tc .con .p1 .s3 {
    color: #666;
}

.pintuan-tc .con .p2 .ori_price {
    color: #f15038;
    font-weight: bold;
    font-style: normal;
}

.pintuan-tc .con .p2 .ori_price i {
    color: #f15038;
    font-style: normal;
}

.pintuan-tc .con .btns .cancel {
    width: 3.7333333rem;
    height: 1.2rem;
    border-top: 0.014rem solid #e6e6e6;
    float: left;
    font-size: 0.3733333rem;
    color: #666;
    text-align: center;
    line-height: 1.2rem;
    cursor: pointer;
}

.pintuan-tc .con .btns .continue {
    border-top: 0.014rem solid #e6e6e6;
    color: #f24f36;
    font-weight: bold;
    height: 1.2rem;
    width: 3.7333333rem;
    height: 1.2rem;
    float: left;
    line-height: 1.2rem;
    font-size: 0.3733333rem;
    cursor: pointer;
    text-align: center;
    border-radius: 0 0 0.1333333rem 0;
    background: none;
    margin-left: 0;
    box-shadow: none;
}

.pintuan-page {
    display: none;
}

.noSku {
    /* padding-right: 0.44rem; */
}

.noSku .buy-button {
    float: left;
    display: block;
    width: 2.666667rem;
    font-size: 0.34rem;
    color: #fff;
    box-shadow: 0 0 0.133333rem rgba(255, 128, 63, 0.2);
    font-weight: bold;
    height: 0.96rem;
    width: 2.666667rem;
    border-radius: 0.6rem;
    background: #de3424;
    text-align: center;
    margin-left: 0.26666667rem;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ef5437), color-stop(100%, #dc3021));
    background: -webkit-linear-gradient(left, #ef5437 0%, #dc3021 100%);
    background: -o-linear-gradient(left, #ef5437 0%, #dc3021 100%);
    background: -ms-linear-gradient(left, #ef5437 0%, #dc3021 100%);
    background: linear-gradient(to right, #ef5437 0%, #dc3021 100%);

}

.noSku .buy-button.yuanjiagoumai {
    float: left;
    display: block;
    width: 2.666667rem;
    font-size: 0.34rem;
    color: #f87012;
    box-shadow: 0 0 0.133333rem rgba(255, 128, 63, 0.2);
    font-weight: bold;
    height: 0.96rem;
    width: 2.666667rem;
    border-radius: 0.6rem;
    background: #ffece3;
    text-align: center;
    line-height: 0.96rem;
    border: 1px solid #f87012;
    box-sizing: border-box;
}

.buy-button .price-div {
    height: 0.5rem;
    line-height: 0.5rem;
}

.buy-button p {
    font-size: 0.34rem;
    line-height: 0.34rem;
}

.noSku_isBack .zaicigoumai {
    float: left;
}

.noSku_isBack .lijitingke {
    float: left;
    line-height: 0.96rem;
    margin-left: 0.26666667rem;
}

.noSku_isBack .lijitingke p {
    line-height: 0.96rem;
}

.noSku_isBack .zaicigoumai .zaicigoumai-btn {
    float: left;
    display: block;
    width: 2.666667rem;
    font-size: 0.34rem;
    color: #f87012;
    box-shadow: 0 0 0.133333rem rgba(255, 128, 63, 0.2);
    font-weight: bold;
    height: 0.96rem;
    width: 2.666667rem;
    border-radius: 0.6rem;
    background: #ffece3;
    text-align: center;
    line-height: 0.96rem;
    border: 1px solid #f87012;
    box-sizing: border-box;
}

.noSku_isBack .zaicigoumai .zaicigoumai-con {
    display: none;

}

.hasSku {
    display: none;
}

.sure-buy-wrapper .pintuan-btns>a {
    display: block;
    float: left;
}


.sure-buy-wrapper .pintuan-btns.noSelect .price-div {
    display: none;
}

.sure-buy-wrapper .pintuan-btns.noSelect p {
    line-height: 0.9333333rem;
}

.sure-buy-wrapper .pintuan-btns.noSelect .lijitingke {
    display: none;
}

.sure-buy-wrapper .pintuan-btns.noSelect .wodepintuan {
    display: none;
}

.sure-buy-wrapper .pintuan-btns.noSelect .yuanjiagoumai {
    display: block;
}

.sure-buy-wrapper .pintuan-btns.noSelect .faqipintuan {
    display: block;
}

.sure-buy-wrapper .pintuan-btns.two a {
    width: 48%;
    height: 0.9333333rem;
    margin: 0 1%;
    text-align: center;
    border-radius: 50px;
}

.sure-buy-wrapper .pintuan-btns.two a span {
    font-size: 12px;
}

.sure-buy-wrapper .pintuan-btns.two a:nth-last-child(1) {
    margin-right: 0;
}

.sure-buy-wrapper .pintuan-btns.three a {
    width: 2.88rem;
    height: 0.9333333rem;
    margin-right: 0.2666667rem;
    text-align: center;
    border-radius: 50px;
}

.sure-buy-wrapper .pintuan-btns.three a:nth-last-child(1) {
    margin-right: 0;
}

.sure-buy-wrapper .vip-btns.three a p {
    line-height: 0.43rem;
    font-size: 12px;
}

.sure-buy-wrapper .pintuan-btns a {
    float: left;
    display: block;
    width: 2.666667rem;
    font-size: 0.34rem;
    color: #f87012;
    box-shadow: 0 0 0.133333rem rgba(255, 128, 63, 0.2);
    font-weight: bold;
    height: 0.96rem;
    width: 2.666667rem;
    border-radius: 0.6rem;
    background: #ffece3;
    text-align: center;
    line-height: 0.96rem;
    border: 1px solid #f87012;
    box-sizing: border-box;
}

.pintuan-btns .price-div {
    height: 0.5rem;
    line-height: 0.5rem;
}

.pintuan-btns p {
    font-size: 0.34rem;
    line-height: 0.34rem;
}

.sure-buy-wrapper .pintuan-btns a.yuanjiagoumai {
    background: #ffece3;
    color: #f87012;
    border: 1px solid #f87012;
    box-sizing: border-box;
}

.sure-buy-wrapper .pintuan-btns a.faqipintuan {
    background: #f6a842;
    color: #fff;
}

.sure-buy-wrapper .pintuan-btns a.lijigoumai {
    background: #e8462e;
    color: #fff;
}

.sure-buy-wrapper .pintuan-btns a.wodepintuan {
    background: #dd3122;
    color: #fff;
    line-height: 0.9333333rem;
}

.pintuan-btns a.wodepintuan p {
    line-height: 0.9333333rem;
}

a.wodepintuan {
    float: left;
    display: block;
    width: 2.666667rem;
    font-size: 0.34rem;
    color: #fff;
    box-shadow: 0 0 0.133333rem rgba(255, 128, 63, 0.2);
    font-weight: bold;
    height: 0.96rem;
    width: 2.666667rem;
    border-radius: 0.6rem;
    background: #de3424;
    text-align: center;
    margin-left: 0.26666667rem;
    line-height: 0.9333333rem;
}



.sure-buy-wrapper .pintuan-btns a.lijitingke {
    background: #dd3122;
    color: #fff;
    line-height: 0.9333333rem;
}

.sure-buy-wrapper .pintuan-btns a.lijitingke p {
    line-height: 0.9333333rem;
}

.hasSku .faqipintuan {
    float: left;
    display: block;
    width: 2.666667rem;
    font-size: 0.34rem;
    color: #fff;
    box-shadow: 0 0 0.133333rem rgba(255, 128, 63, 0.2);
    font-weight: bold;
    height: 0.96rem;
    width: 2.666667rem;
    border-radius: 0.6rem;
    background: #de3424;
    text-align: center;
    margin-left: 0.26666667rem;
}

.pintuan-page {
    background: #fff;
    padding-top: 0.4rem;
    position: relative;
    z-index: 1111;
}

.pintuan-page .top-box img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
}

.pintuan-page .top-box {
    padding-top: 0.4rem;
    box-sizing: border-box;
    width: 9.333333rem;
    height: initial;
    min-height: 7.2rem;
    margin: 0 auto;
    box-shadow: 0px 0px 14px -5px #999;
    border-radius: 10px;
}

.pintuan-page .top-box .pic {
    width: 8.4rem;
    height: 4.6666667rem;
    margin: 0 auto;
    background: url('../img/defaultImg-c24a1cbb5d.png') no-repeat top center;
    background-size: cover;
}

.pintuan-page .top-box .name {
    margin-bottom: 0.2rem;
    font-size: 0.45333333rem;
    font-weight: bold;
    line-height: 0.586666667rem;
    color: #333;
    /* font-family: 'FZLTHJW'; */
    padding-left: 0.4rem;
    padding-top: 0.3rem;
}

.pintuan-page .top-box .price {
    padding-left: 0.4rem;
    color: #e60012;
}

.pintuan-page .top-box .price .price1 {
    /* margin-left: -0.15rem; */
    font-size: 0.75rem;
    line-height: 0.64rem;
}

.pintuan-page .pintuanzhong .user {
    font-size: 0.45333333rem;
    font-weight: bold;
    line-height: 0.586666667rem;
    color: #333;
    /* font-family: 'FZLTHJW'; */
    text-align: center;
    margin-top: 0.8rem;
}

.pintuan-page .pintuanzhong .pt-pic {
    width: 3.41rem;
    height: 1.44rem;
    background: url('../img/group-2d304be8da.png') no-repeat top center;
    margin: 0 auto;
    background-size: contain;
    margin-top: 0.9rem;
    margin-bottom: 0.45rem;
}

.pintuan-page .pintuanzhong .progress {
    text-align: center;
    margin-top: 0.36rem;
    font-size: 0.35rem;
}

.pintuan-page .pintuanzhong .progress span {
    color: #f40;
}

.pintuan-page .pintuanzhong .pt-tip {
    text-align: center;
    font-size: 0.48rem;
    margin: 0.4rem 0;
}

.pintuan-page .pintuanzhong .timeleft {
    text-align: center;

}

.pintuan-page .pintuanzhong .timeleft p {
    color: #f40;
}

.pintuan-page .pintuanzhong .invite {
    width: 6.4rem;
    height: 1.2rem;
    background: #df3524;
    text-align: center;
    line-height: 1.2rem;
    margin: 0 auto;
    border-radius: 50px;
    color: #fff;
    font-size: 0.44rem;
    display: block;
    margin: 0.8rem auto 0;
}

.pintuan-page .pintuanchenggong {
    display: none;
}

.pintuanzhong .timeleft .bot {
    width: 3.8rem;
    margin: 0 auto;
}

.pintuanzhong .timeleft .bot .day {
    width: 0.6rem;
    height: 0.533333rem;
    background: #e60012;
    color: #fff;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.56rem;
    border-radius: 0.08rem;
    display: inline-block;

}

.pintuanzhong .timeleft .bot>div {
    /* float: left; */
}

.pintuanzhong .timeleft .bot .tian {
    display: inline-block;
    color: #e60012;
    font-size: 0.32rem;
    line-height: 0.56rem;
    margin: 0 0.1067rem;
}

.pintuanzhong .timeleft .bot .time_box {
    height: 0.56rem;
    color: #fff;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.56rem;
}

.pintuanzhong .timeleft .bot .time_box {
    color: #e60012;
    display: inline-block;
}

.pintuanzhong .timeleft .bot .time_box span {
    display: inline-block;
    width: 0.6rem;
    height: 0.533333rem;
    background: #e60012;
    color: #fff;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.56rem;
    border-radius: 0.08rem;
    position: relative;
}

.pintuan-tc {
    position: fixed;
    z-index: 21111;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.pintuan-tc .shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.pintuan-tc .con .top {
    height: 2.1rem;
}

.pintuan-tc .con .btns .cancel {
    width: 3.92rem;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box;
}

.pintuan-tc .con .btns .continue {
    width: 3.92rem;
    box-sizing: border-box;
}

.pintuan-tc .con .p1 {
    line-height: 1.2rem;
}

.pintuan-tc .con5 .p1 {
    line-height: 0.56rem;
}


.live3 .order-selector-wrapper {
    display: block;
}

.live3_noSku.live3 .order-selector-wrapper {
    display: none;
}


.live3 .order-selector.slideInUp {
    height: 100%;
}

.live3 .close-btn {
    display: none;
}

.tuijian .videolist_title {
    height: 1.1666667rem;
    padding-left: 0.7466667rem;
    font-size: 0.40rem;
    color: #333;
    position: relative;
    font-weight: bold;
    line-height: 1.40rem;
    border-bottom: none;
}

.tuijian .videolist_title span {
    display: block;
    width: 0.08rem;
    height: 0.4rem;
    background: #e60012;
    border-radius: 0.04rem;
    position: absolute;
    top: 50%;
    margin-top: -0.11rem;
    left: 0.4rem;
}

.list-wrap {
    width: 9.5rem;
    margin: 0 auto;
    overflow-x: auto;
}

.xiangguan.tuijian .list {
    /* min-width: 12.5rem; */
    margin: 0 auto;
}

.remen {
    display: none;
}

.xiangguan {
    display: none;
}

.tuijian {
    background: #fff;
    margin-bottom: 0.1333333rem;
}

.rec_li {
    float: left;
    display: block;
    padding-bottom: 0.46666666rem;
    margin-top: 0.4rem;
}

.rec_li.one {
    width: 9.2rem;
    margin: 0 0.1333333rem;
    margin-top: 0.4rem;
}

.rec_li.two {
    width: 50%;
    display: block;
    float: left;
    /* margin: 0 0.1333333rem; */
    padding: 0 0.1333333rem;
    box-sizing: border-box;
    margin-top: 0.4rem;

}

.rec_li.three {
    width: 3.64rem;
    display: block;
    /* float: left; 2023-06-14 17：20*/
    margin: 0 0.1333333rem;
    margin-top: 0.4rem;
    /* 2023-06-14 17：20 加*/
    float: none;
    display: inline-block;
    vertical-align: top;
}

.tuijian .banner {
    border-radius: 0.13rem;
    overflow: hidden;
    z-index: 1;
}

.xiangguan.tuijian .one .banner {
    width: 3.62rem;
    height: 2.053rem;
    background: url('../img/defaultImg-c24a1cbb5d.png') no-repeat top center;
    background-size: cover;
    margin: 0 auto;
    z-index: 1;
    float: left;
}

.tuijian .one .banner img {
    width: 100%;
    height: 100%;
}

.tuijian .two .banner {
    width: 4.4666667rem;
    height: 2.5333333rem;
    background: url('../img/defaultImg-c24a1cbb5d.png') no-repeat top center;
    background-size: cover;
    margin: 0 auto;
    z-index: 1;
}

.tuijian .three .banner {
    width: 3.64rem;
    height: 2.04rem;
    background: url('../img/defaultImg-c24a1cbb5d.png') no-repeat top center;
    background-size: cover;
    margin: 0 auto;
    z-index: 1;
}

.xiangguan.tuijian .one .right-wrap {
    float: left;
    width: 5.17rem;
    margin-left: 0.266666rem;
}

.xiangguan.tuijian .one .kc_name {
    margin: 0 auto;
    margin-top: 0.053rem;
    line-height: 0.48rem;
    font-size: 0.35rem;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: FZLTHJW;
    font-weight: bold;
    min-height: 1.48rem;
    white-space: normal;
}

.tuijian .vip_price_box {
    color: #cc9262;
    font-weight: bold;
    line-height: 0.48rem;
}

.tuijian .vip_price_box span {
    font-size: 0.48rem;
    font-style: italic;
    font-family: FZLTHJW;
    line-height: 0.48rem;
}

.tuijian .one .sellingPoints {
    width: 9.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.2933333rem;
    line-height: 0.31rem;
    color: #ccc;
    margin-top: 0.12rem;
    margin-bottom: 0.12rem;
    display: none;
}

.tuijian .two .kc_name {
    margin-top: 0.24rem;
    line-height: 0.48rem;
    font-size: 0.32rem;
    color: #333;
    width: 4.48rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: FZLTHJW;
    margin-bottom: 0;
    font-weight: bold;

}

.xiangguan.tuijian .two .kc_name {
    height: 1rem;
}

.tuijian .three .kc_name {
    margin-top: 0.24rem;
    line-height: 0.48rem;
    font-size: 0.32rem;
    color: #333;
    width: 3.64rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: FZLTHJW;
    margin-bottom: 0;
    font-weight: bold;
    height: 0.96rem;
}

.tuijian .three .sellingPoints {
    display: none;
}

.tuijian .two .sellingPoints {
    width: 4.48rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.2933333rem;
    line-height: 0.31rem;
    color: #ccc;
    margin-top: 0.12rem;
    margin-bottom: 0.12rem;
    display: none;
}

.tuijian .vip_price_box .left {
    float: left;
}


.join-member {
    display: none;
}

.tuijian .vip_price_box .left .text {
    width: 1rem;
    height: 0.4266667rem;
    background: -moz-linear-gradient(left, #383838 0%, #666666 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #383838), color-stop(100%, #666666));
    background: -webkit-linear-gradient(left, #383838 0%, #666666 100%);
    background: -o-linear-gradient(left, #383838 0%, #666666 100%);
    background: -ms-linear-gradient(left, #383838 0%, #666666 100%);
    background: linear-gradient(to right, #383838 0%, #666666 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#666666', GradientType=0);
    border-radius: 0.2666667rem 0 0 0.2666667rem;

}

.tuijian .vip_price_box .left .text span {
    display: inline-block;
    width: 0.2266667rem;
    height: 0.2rem;
    background: url('../img/VIP-164edd6c54.png') no-repeat top center;
    margin-right: 0.04rem;
    position: relative;
    top: 0.04rem;
}

.tuijian .vip_price_box .left .text {
    color: #ecbd95;
    font-size: 0.24rem;
    line-height: 0.4266667rem;
    text-align: center;
    font-weight: bold;
    float: left;
}


.tuijian .vip_price_box .left .price {
    border-radius: 0 0.2666667rem 0.2666667rem 0;
    background: -moz-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fef3e6), color-stop(100%, #f9d7c0));
    background: -webkit-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: -o-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: -ms-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: linear-gradient(to right, #fef3e6 0%, #f9d7c0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fef3e6', endColorstr='#f9d7c0', GradientType=0);
    color: #a46e43;
    float: left;
    height: 0.4266667rem;
    line-height: 0.4266667rem;
    text-align: center;
    padding: 0 0.16rem;
    font-weight: bold;
    font-size: 0.24rem;
}

.tuijian .vip_price_box .right {
    font-size: 0.24rem;
    color: #999;
    float: left;
    line-height: 0.4266667rem;
    margin-left: 0.12rem;
}

.tuijian .discount_price_box {
    margin-top: 0.15rem;
}

.tuijian .discount_price_box .left {
    float: left;
}

.tuijian .discount_price_box .left .text {
    width: 1.36rem;
    height: 0.4266667rem;
    background-image: linear-gradient(90deg, #DC3021 0%, #EF5437 100%);
    border-radius: 0.2133333rem 0px 0px 0.2133333rem;
    font-size: 0.24rem;
    color: #FFFFFF;
    line-height: 0.4266667rem;
    text-align: center;
    font-weight: bold;
    float: left;
}

.tuijian .discount_price_box .left .price {
    border-radius: 0 0.2666667rem 0.2666667rem 0;
    background: -moz-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fef3e6), color-stop(100%, #f9d7c0));
    background: -webkit-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: -o-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: -ms-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: linear-gradient(to right, #fef3e6 0%, #f9d7c0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fef3e6', endColorstr='#f9d7c0', GradientType=0);
    color: #a46e43;
    float: left;
    height: 0.4266667rem;
    line-height: 0.4266667rem;
    text-align: center;
    padding: 0 0.16rem;
    font-weight: bold;
    font-size: 0.24rem;
}

.tuijian .discount_price_box .right {
    font-size: 0.24rem;
    color: #999;
    float: left;
    line-height: 0.4266667rem;
    margin-left: 0.12rem;
}

.tuijian .pt_price_box {
    margin-top: 0.15rem;
}

.tuijian .pt_price_box .left {
    float: left;
}

.xiangguan .pt_price_box .left .text {
    width: 1.16rem;
    height: 0.4266667rem;
    background-image: linear-gradient(90deg, #DC3021 0%, #EF5437 100%);
    border-radius: 0.2133333rem 0px 0px 0.2133333rem;
    font-size: 0.24rem;
    color: #FFFFFF;
    line-height: 0.4266667rem;
    text-align: center;
    font-weight: bold;
    float: left;
}

.xiangguan .pt_price_box .left .price {
    border-radius: 0 0.2666667rem 0.2666667rem 0;
    background: -moz-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fef3e6), color-stop(100%, #f9d7c0));
    background: -webkit-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: -o-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: -ms-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: linear-gradient(to right, #fef3e6 0%, #f9d7c0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fef3e6', endColorstr='#f9d7c0', GradientType=0);
    color: #a46e43;
    float: left;
    height: 0.4266667rem;
    line-height: 0.4266667rem;
    text-align: center;
    padding: 0 0.16rem;
    font-weight: bold;
}

.xiangguan .pt_price_box .right {
    font-size: 0.24rem;
    color: #999;
    float: left;
    line-height: 0.4266667rem;
    margin-left: 0.12rem;
}

.xiangguan .normal_price_box {
    font-size: 0.24rem;
    color: #999;
    line-height: 0.4266667rem;
    margin-left: 0.12rem;
    margin-top: 0.15rem;
}

.con_box.tuijian .con_right .remen {
    background: #fff;
    padding: 0.2666667rem;
    box-sizing: border-box;
    margin-top: 0.2666667rem;
}

.remen .kc_name {
    margin-top: 0.2933333rem;
    line-height: 0.5rem;
    font-size: 0.4rem;
    color: #333;
    /* width: 4.48rem; */
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: FZLTCHJW;
}

.remen .sellingPoints {
    font-size: 0.2666667rem;
    line-height: 0.2666667rem;
    color: #666;
    margin-top: 0.2133333rem;
}

#mobile_icon_div {
    display: none !important;
}

.list .underline {
    float: left;
    width: 9.2rem;
    background: #e5e5e5;
    height: 1px;
    margin: 0 0.1333333rem;
    display: none;
}

#mobile_icon_div {
    display: none !important;
}

.vip-btn-group a {
    float: left;
    display: block;
    width: 2.666667rem;
    font-size: 0.34rem;
    color: #ECBD95;
    box-shadow: 0 0 0.133333rem rgba(255, 128, 63, 0.2);
    font-weight: bold;
    height: 0.96rem;
    background: -moz-linear-gradient(left, #333 0%, #666 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #333), color-stop(100%, #666));
    background: -webkit-linear-gradient(left, #333 0%, #666 100%);
    background: -o-linear-gradient(left, #333 0%, #666 100%);
    background: -ms-linear-gradient(left, #333 0%, #666 100%);
    background: linear-gradient(to right, #333 0%, #666 100%);
    text-align: center;
    border-radius: 0.6rem;
}


.buy-area .btn-group.normal {}

.buy-area .join-member {
    width: 10rem;
    height: 0.7rem;
    background: #fff8c7;
    /* text-align: center; */
    font-size: 0.3125rem;
    line-height: 0.7rem;
    color: #ECBD95;
    ;
    position: absolute;
    top: -0.7rem;
    left: 0;
    background-image: linear-gradient(90deg, #333333 0%, #666666 100%);

    /* display: none; */
}

.buy-area .join-member span.vip {
    display: inline-block;
    width: 0.36rem;
    height: 0.3333333rem;
    background: url('../img/VIP-164edd6c54.png') no-repeat top center;
    background-size: cover;
    margin-left: 0.4rem;
    margin-right: 0.3rem;
    position: relative;
    top: 0.08rem;
}

.buy-area .join-member .div1 .div-texts {
    display: inline-block;
}

.buy-area .join-member .div1 .text1 {
    display: none;
}

.buy-area .join-member .div2 {
    display: none;
}

.huiyuanmianfei p {
    /* line-height: 0.96rem; */
}

.vip-btn-group {
    float: right;
    margin-right: 0.26666667rem;
}

.vip-btn-group .buy {
    margin-left: 0.26666667rem;
}

.vip-btn-group .yuanjiagoumai {
    background: #FFEFF1;
    color: #e60012;
    border: 1px solid rgba(230, 0, 18, 1);
    box-sizing: border-box;
}

.vip-btn-group .hasSku_vip .yuanjiagoumai {
    line-height: 0.96rem;
}

.vip-btn-group .zaicigoumai-con {
    display: none;
    width: 3.3333333rem;
    height: 2.2666667rem;
    background: #fff;
    box-shadow: 0px 3px 10px 0px rgba(120, 117, 117, 1);
    position: absolute;
    top: -2.6rem;
    left: 50%;
    margin-left: -1.666666rem;
    border-radius: 5px;
}

.no_back {
    display: none;
}

.vip-btn-group .zaicigoumai-btn {
    float: left;
    display: block;
    width: 2.666667rem;
    font-size: 0.34rem;
    font-weight: bold;
    height: 0.96rem;
    line-height: 0.96rem;
    background: #FFECE3;
    text-align: center;
    color: #f65d01;
    border: 1px solid rgba(246, 93, 1, 1);
    border-radius: 50px;
}

.lijitingke {
    line-height: 0.96rem;
    display: none;
}

.hasSku_vip {
    display: none;
}

.price_div .vip_price_box {
    display: inline-block;
}

.price_div .vip_price_box .left .text {

    background: -moz-linear-gradient(left, #383838 0%, #666666 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #383838), color-stop(100%, #666666));
    background: -webkit-linear-gradient(left, #383838 0%, #666666 100%);
    background: -o-linear-gradient(left, #383838 0%, #666666 100%);
    background: -ms-linear-gradient(left, #383838 0%, #666666 100%);
    background: linear-gradient(to right, #383838 0%, #666666 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#666666', GradientType=0);
    border-radius: 0.2666667rem 0 0 0.2666667rem;
    /* width: 1.5066666667rem; */
    height: 0.613333333rem;
    background-image: linear-gradient(90deg, #333333 0%, #666666 100%);
    border-radius: 0.13333333rem 0px 0px 0.13333333rem;
    padding: 0 0.23rem;
}


.price_div .vip_price_box .left .text span {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: url('../img/vip3-839983d555.png') no-repeat top center;
    background-size: contain;
    margin-right: 0.04rem;
    vertical-align: middle;

    /* top: 0.04rem; */
}

.price_div .vip_price_box .left .text {
    color: #ecbd95;
    font-size: 0.35rem;
    line-height: 0.68rem;
    text-align: center;
    font-weight: bold;
    float: left;
}

.buy-area .vip-btn-group {
    display: none;
}


.price_div .vip_price_box .left .price {
    border-radius: 0 0.13333333rem 0.13333333rem 0;
    background: -moz-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fef3e6), color-stop(100%, #f9d7c0));
    background: -webkit-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: -o-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: -ms-linear-gradient(left, #fef3e6 0%, #f9d7c0 100%);
    background: linear-gradient(to right, #fef3e6 0%, #f9d7c0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fef3e6', endColorstr='#f9d7c0', GradientType=0);
    color: #A46E43;
    float: left;
    height: 0.613333333rem;
    line-height: 0.68rem;
    text-align: center;
    padding: 0 0.2rem 0 0.16rem;
    font-weight: bold;
    font-size: 0.37333333rem;
}

.vip_price_box .vip-box {
    float: left;
}

.price_div .vip_price_box .yuanjia {
    color: #666666;
    font-size: 0.346666666rem;
    float: left;
    margin-left: 0.26666666rem;
    line-height: 0.65333333rem;
}

.price_div .vip_price_box .right-text .div-texts {
    background: -moz-linear-gradient(left, #fef3e6 0%, #f9d6be 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fef3e6), color-stop(100%, #f9d6be));
    background: -webkit-linear-gradient(left, #fef3e6 0%, #f9d6be 100%);
    background: -o-linear-gradient(left, #fef3e6 0%, #f9d6be 100%);
    background: -ms-linear-gradient(left, #fef3e6 0%, #f9d6be 100%);
    background: linear-gradient(to right, #fef3e6 0%, #f9d6be 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fef3e6', endColorstr='#f9d6be', GradientType=0);
    width: 9.2rem;
    height: 1.06666667rem;
    border-radius: 0.1rem;
    color: #a46e43;
    font-size: 0.4rem;
    line-height: 0.5rem;
    padding: 0.07rem 0.1rem 0;
    box-sizing: border-box;
    margin-top: 0.2rem;
}



.right-text i {
    float: left;
    display: block;
    width: 0.64rem;
    height: 0.68rem;
    background: url('../img/vip2_h5-33a899f828.png') no-repeat top center;
    background-size: contain;
    /* margin-top: 0.29333333rem;
    margin-left: 0.45333333rem;
    margin-right: 0.37333333rem; */
    margin: 0.1rem 0.2rem 0 0;
}

.right-text>div {
    float: left;
}

.right-text span {
    font-size: 12px;
    font-family: 'microsoft yahei';
}

.right-text span.tri3 {
    width: 6px;
    height: 7px;
    display: inline-block;
    background: url('../img/tri3-0bb204720e.png') no-repeat top center;
    background-size: contain;
    margin-left: 3px;
}

.right-text a {
    color: #825027;
    text-decoration: underline;
    /* font-family: 'microsoft yahei'; */
    font-size: 13px;
    font-weight: bold;
}

.right-text b {
    font-weight: normal;
    font-family: 'microsoft yahei';
    font-size: 12px;
    color: #825027;
}

.vip-btn-group .hasSku_vip .huiyuangoumai {
    line-height: 0.96rem;
}

.vip-btns>a {
    float: left;
    display: block;
    width: 2.666667rem;
    font-size: 0.34rem;
    color: #f87012;
    box-shadow: 0 0 0.133333rem rgba(255, 128, 63, 0.2);
    font-weight: bold;
    height: 0.96rem;
    width: 2.666667rem;
    border-radius: 0.6rem;
    background: #ffece3;
    text-align: center;
    line-height: 0.96rem;
    border: 1px solid #f87012;
    box-sizing: border-box;
}

.sure-buy-wrapper .vip-btns.two a {
    width: 48%;
    height: 0.96rem;
    margin: 0 1%;
    text-align: center;
    border-radius: 50px;
}

.sure-buy-wrapper .vip-btns.two a p {
    line-height: 0.43rem;
    font-size: 12px;
}

.sure-buy-wrapper .vip-btns.two a:nth-last-child(1) {
    margin-right: 0;
}

.sure-buy-wrapper .vip-btns.three a {
    width: 2.88rem;
    height: 0.96rem;
    margin-right: 0.2666667rem;
    text-align: center;
    border-radius: 50px;
}

.sure-buy-wrapper .vip-btns.three a:nth-last-child(1) {
    margin-right: 0;
}

.sure-buy-wrapper .vip-buy-btn>p {
    line-height: 0.34rem;
    font-size: 0.34rem;
}

.sure-buy-wrapper .vip-btns.noSelect a p {
    line-height: 0.9333333rem;
}

.sure-buy-wrapper .vip-btns.noSelect .normal-buy-btn .s2 {
    display: none;
}

.sure-buy-wrapper .vip-btns.noSelect .vip-buy-btn .s2 {
    display: none;
}

.vip-btns .normal-buy-btn {
    background-image: linear-gradient(90deg, #F9A731 0%, #FBB840 100%);
    color: #fff;
    border: none
}

.vip-btns .vip-buy-btn {
    background-image: linear-gradient(90deg, #333333 0%, #666666 100%);
    color: #ECBD95;
    border: none
}

.sure-buy-wrapper .vip-btns.one .vip-buy-btn {
    border: none;
    width: 100%;
    ;
}

.sure-buy-wrapper .vip-btns.one .vip-buy-btn p {
    line-height: 0.5rem;
    font-size: 12px;
    display: inline-block;
}




.sure-buy-wrapper .vip-btns.one .huiyuanmianfei {
    border: none;
    width: 100%;
}

.sure-buy-wrapper .vip-btns.one .huiyuanmianfei p {
    line-height: 0.5rem;
    font-size: 12px;
    display: inline-block;
}



.hasSku_vip {}

.vip-btns .noSku_vip.no_back {
    display: block;
}

.vip-btns .is_back {
    display: none;
}

.vip-btns .is_back .zaicigoumai-box {
    float: left;
    position: relative;
}

.vip-btn-group .zaicigoumai-con {
    /* display: block; */
}

.vip-btn-group .zaicigoumai-con .tri2 {
    width: 0.32rem;
    height: 0.266666667rem;
    background: url('../img/tri2-9ccb49cff6.png') no-repeat top center;
    background-size: contain;
    position: absolute;
    left: 50%;
    margin-left: -0.16rem;
    bottom: -0.25rem;
}

.vip-btn-group .zaicigoumai-con>a {
    border: none;
    background: none;
    box-shadow: none;
    width: 3.0666667rem;
    margin: 0 auto;
    border-radius: 0 0 0 0;
    float: none;
    height: 1.13rem;
    text-align: center;
    line-height: 1.1rem;
}

.vip-btn-group .zaicigoumai-con>a div {
    display: inline-block;
    line-height: 1.1rem;
}

.vip-btn-group .zaicigoumai-con>a p {
    display: inline-block;
    line-height: 1.1rem;
}

.vip-btn-group .zaicigoumai-con>a.huiyuanmianfei {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    color: #e60012;
}

.vip-btn-group .zaicigoumai-con>a.huiyuangoumai {
    border-bottom: 1px solid #e5e5e5;
}

.vip-btn-group a.huiyuanmianfei {
    display: none;
    border-bottom: 1px solid #e5e5e5;
}

.vip-btn-group .zaicigoumai-con>a.yuanjiagoumai {
    color: #333333;
}


.sure-buy-wrapper .vip-btns .vip-free {
    display: none;
    background-image: linear-gradient(90deg, #333333 0%, #666666 100%);
    color: #ECBD95;
    border: none;
    font-size: 12px;
}

.sure-buy-wrapper .vip-btns .toCourse {
    display: none;
}

.price_div .vip_price_box {
    display: none;
}

.is_back .isVip {
    float: left;
}

.is_back .isNotVip {
    float: left;
}



.countdown_box.isVipCourse {
    display: none !important;
}

.lijitingke.toCourse {
    line-height: 0.96rem;
    background: #de3424;
    color: #fff;
}

.lijitingke.toCourse p {
    line-height: 0.96rem;
}

.video-js-hls.video-js {
    width: inherit;
    height: inherit;
}

.vip_fixed {
    width: 9.2rem;
    height: 1.06666667rem;
    background: linear-gradient(to right, #333333 0%, #666666 100%);
    color: #ECBD95;
    font-size: 0.26666667rem;
    line-height: 0.42rem;
    padding: 0.10rem 0.26666667rem;
    position: absolute;
    left: 0.4rem;
    top: -1.28rem;
    border-radius: 5px;
    display: none;
}

.vip_fixed .tri_down {
    width: 0.45333333rem;
    height: 0.2rem;
    background: url('../img/tri_down-721dca2553.png') no-repeat top center;
    background-size: contain;
    position: absolute;
    bottom: -0.18rem;
    right: 1rem;
}


.buy-area .vip_fixed .div-texts b {
    color: #FFE9D3;
}

.buy-area .vip_fixed .div-texts a {
    color: #FFE9D3;
}

.buy-area .vip_fixed .div-texts .tri3 {
    width: 0.12rem;
    height: 0.12rem;
    display: inline-block;
    margin-left: 2px;
    background: url('../img/tri4-471940f21b.png') no-repeat top center;
    background-size: contain;
}

.div-texts>div {
    line-height: 16px;
}

.enter {
    position: fixed;
    background: #fff;
    right: 0;
    bottom: 100px;
    display: -webkit-flex;
    display: flex;
    padding: 5px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 10px hsl(0deg 0% 60% / 30%);
    -webkit-flex-direction: column;
    flex-direction: column;
    z-index: 99;
}

.enter a {
    height: 70px;
    width: 60px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #000;
}

.enter a img {
    width: 22px;
    height: 22px;
    margin-bottom: 5px;
}

.enter>div {
    width: 40px;
}

.youzhi {
    display: none;
    font-weight: bold;
}

.memberPoster .wrap .left {
    float: left;
    width: 2.4rem;
    background: #f5f5f5;
    padding-top: 0.146rem;
}

.memberPoster .wrap .right {
    float: right;
    width: 7.6rem;
    background: #fff;
    padding-top: 0.2666666rem;
}


/*中公优职会员*/
.memberPoster {
    width: 10rem;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 1.4rem;
}

.memberPoster .banner {
    width: 10rem;
    height: 7.8rem;
    background: url('../img/banner-7f7329b6f6.png') no-repeat top center;
    background-size: cover;
    position: initial;
}

.memberPoster .banner2 {
    width: 10rem;
    height: 6.5rem;
    background: url('../img/banner2-98e3139bab.png') no-repeat top center;
    background-size: cover;
    position: initial;
}


.memberPosterTop {
    margin-top: 25px;
    overflow: hidden;
}

.memberPosterTop p {
    font-size: 18px;
    color: #b6b6b8;
    margin-top: 56px;
    margin-left: 40px;
    line-height: 20px;
    float: left;
    width: 750px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.memberPosterDiv {
    width: 10rem;
    /* margin-left:30px;
	margin-top: 32px; */
    /* overflow: hidden; */
}

.memberPoster h3 {
    overflow: hidden;

}

.memberPoster h3 ul {
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
}

.memberPoster h3 ul li {
    float: left;
    cursor: pointer;
    width: 50%;
    height: 1.25rem;
    border-bottom: 1px solid #fff;
    text-align: center;
    line-height: 1.25rem;
    font-size: 0.42rem;
}

.memberPoster h3 ul li.click {
    margin-left: 0;
    border-bottom: 2px solid #e60012;
    color: #e60012;
    font-weight: bold;
    line-height: 1.25rem;
}

/* .memberPoster h3 ul li.click b {
	display: block;
	font-weight: bold;
} */
.memberPoster h3 ul li.click span {
    font-weight: bold;
    color: #e60012;
    font-weight: bold;
    display: block;
}

.memberPoster h3 b {
    width: 80%;
    height: 4px;
    border-radius: 3px;
    overflow: hidden;
    margin: 8px auto 0;
    background: -moz-linear-gradient(bottom, #686868 0%, #38393c 100%);
    background: -webkit-linear-gradient(bottom, #686868 0%, #38393c 100%);
    background: -o-linear-gradient(bottom, #686868 0%, #38393c 100%);
    background: -ms-linear-gradient(bottom, #686868 0%, #38393c 100%);
    background: linear-gradient(to bottom, #686868 0%, #38393c 100%);
    display: none;
}

.memberPoster h3 span {}

.memberPoster h3 a {
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    float: right;
    display: none;
}

.memberPoster h3 a i {
    float: right;
    width: 0;
    height: 0;
    border: 5px solid;
    border-radius: 3px;
    margin: 6px 8px 0 10px;
    overflow: hidden;
    border-color: transparent transparent transparent #333333;
}

.memberPoster .screeningResults {
    /*margin-bottom: 30px;*/
}

.memberPoster .screeningResults dl {
    /* margin: 0 10px 10px 0; */
    width: 6.93rem;
    height: 1.73rem;
}

.memberPosterList {
    position: relative;
}

.memberPosterList div {
    display: none;
}

.memberPosterList div:first-child {
    display: block;
}

.memberPoster ol {
    overflow: hidden;
    margin-bottom: 19px;

}

.memberPoster ol li {
    color: #333;
    line-height: 0.8rem;
    font-size: 0.32rem;
    cursor: pointer;
    width: 2.4rem;
    height: 0.8rem;
    text-align: center;
}

.memberPoster ol li.click {
    color: #e60012;
    font-weight: bold;
    background: #fff;
    border-left: 2px solid #e60012
}

.memberPoster img {
    width: 100%;
}

.screeningResults {
    margin: 0 auto 10px;
}

.screeningResults:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
}

.noData {
    width: 500px;
    margin: 80px auto 100px;
    display: none;
}

.noData img {
    display: block;
    margin: 0 auto;
}

.noData p {
    color: #929292;
    text-align: center;
    margin-top: 20px;
}

.screeningResults .haveData {
    overflow: hidden;
}

.screeningResults a {
    display: block;
}

.screeningResults dl {
    background: #fff;
    /* float: left; */
    margin: 0 0.4rem 0.26666rem 0.26666rem;
    overflow: hidden;
}

.screeningResults dl dt {
    width: 3.04rem;
    overflow: hidden;
    height: 1.7333333rem;
    border-radius: 8px;
    float: left;
    margin-right: 0.266rem;
}

.screeningResults dl dt img {
    display: block;
    width: 100%;
    height: 100%;
}

.screeningResults dl dd {
    float: left;
    width: 3.46rem;
}

.screeningResults dl dd b {
    font-size: 0.346rem;
    line-height: 0.426rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0.07rem auto 0;
    height: 0.84rem;
    margin-bottom: 0.3rem;
}

.screeningResults dl dd span {
    font-size: 14px;
    line-height: 15px;
    color: #666666;
    display: block;
    height: 16px;
    width: 230px;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.screeningResults dl dd span i {
    font-style: normal;
}

.screeningResults dl dd span i:last-child {
    display: none;
}

.screeningResults dl dd p {
    margin: 0 auto;

}

.screeningResults dl dd p strong {
    /* width: 148px; */
    height: 14px;
    background: url('../img/vip-fill-e286f6b938.png') no-repeat 0 0;
    background-size: contain;
    float: left;
    color: #a46e43;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}

.screeningResults dl dd p strong em {

    float: left;

    color: #f65d01;
    font-size: 14px;
    line-height: 17px;
    margin-left: 22px;

}

.screeningResults dl dd p strong.member em {
    color: #cd9669;
}

.screeningResults dl dd p strong.member {
    /* background-position: -196px -10px; */
}

.screeningResults dl dd p strong.collage {
    background-position: -361px -12px;
}

.screeningResults dl dd p strong.discount {
    background-position: -544px -11px;
}

.screeningResults dl dd p em {
    font-style: normal;
    font-size: 12px;
    margin-left: 10px;
    line-height: 17px;
    float: left;
    color: #999;
}

.screeningResults dl dd p i {
    font-size: 18px;
    color: #e60012;
    font-weight: bold;
    display: block;
    font-style: normal;
}

.screeningResults button {
    width: 150px;
    height: 40px;
    background: #fff;
    border: 1px solid #e7e7e7;
    font-size: 14px;
    display: block;
    margin: 10px auto 50px;
    border-radius: 20px;
    display: none;
    cursor: pointer;
}

.screeningResults .end {
    width: 30px;
    height: 30px;
    background: url(../img/icon1.png);
    background-size: 100% 100%;
    animation: mymove 2s infinite linear;
    -webkit-animation: mymove 2s infinite linear;
    margin: 50px auto;
}

.memberPosterList .btn-more {
    width: 5.6rem;
    height: 0.906rem;
    display: block;
    margin: 0 auto;
    background: url('../img/btn-more2-466bd765f0.png') no-repeat top center;
    background-size: contain;
}

.purchaseButton {
    width: 174px;
    height: 81px;
    float: right;
    background: url('../img/memberButton1-19530ec42d.jpg');
    margin-right: 36px;
    position: relative;
    cursor: pointer;
    border: none;
}

.purchaseButton span {
    display: block;
    width: 110px;
    height: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    letter-spacing: 1px;
}

.memberPoster_wrap {
    background: #f5f5f5;

}

.empty-div {
    height: 1.87rem;
}

li.no-padding .remen .list {
    padding-left: 0.25rem;
}

/*购买弹窗*/
#purchase {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 999999;
}

.purchase {
    width: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    padding-top: 0.2rem;
    /* padding-bottom: 2rem; */
}

.subject {
    width: 9.6rem;
    border-radius: 0.26666667rem;
    margin: 0 auto;
    background: -moz-linear-gradient(right, #343434 0%, #666666 100%);
    background: -webkit-linear-gradient(right, #343434 0%, #666666 100%);
    background: -o-linear-gradient(right, #343434 0%, #666666 100%);
    background: -ms-linear-gradient(right, #343434 0%, #666666 100%);
    background: linear-gradient(to right, #343434 0%, #666666 100%);
    overflow: hidden;
    padding-bottom: 0.4rem;
}

.subject h3 {
    margin: 0.2rem auto;
    overflow: hidden;
}

.subject h3 span img {
    width: 0.31rem;
    height: 0.3rem;
    float: left;
    margin: 0.06rem 0.15rem 0 0.2rem;
}

.subject h3 span {
    color: #d29956;
    font-size: 0.3rem;
}

.subject h3 span.r {
    font-size: 0.24rem;
    /* margin-top: 0.1rem; */
    font-weight: normal;
    margin-right: 0.3rem;
    float: right;
}

.label {
    width: 9.2rem;
    background: #fff;
    border-radius: 0.266666rem;
    padding: 0.266667rem;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
}

.label ul {

    overflow: hidden;
    margin: 0.2rem auto 0.36rem;
}

.label ul li {
    float: left;
    width: 4.19rem;
    height: 2.2933333rem;
    background: url('../img/vip_card_normal_h5_2-62f083fff7.png');
    background-size: 100% 100%;
    margin-right: 0.2666667rem;
    box-sizing: border-box;
    padding-top: 0.266666rem;
    margin-bottom: 0.2rem;
}

.label ul li.click {
    background: url('../img/vip_card_chosen_h5_2-fee71420b5.png');
    background-size: 100% 100%;
}

.label ul li b {
    font-size: 0.28rem;
    line-height: 0.3rem;
    display: block;
    text-align: center;
    margin: 0.4rem auto 0.15rem;
}

.label ul li span {
    font-size: 0.18rem;
    line-height: 0.46rem;
    display: block;
    text-align: center;
    color: #d39751;
}

.label ul li span strong {
    font-size: 0.44rem;
    margin: 0 0.05rem;
}

.label h5 {
    font-size: 0.32rem;
    width: 6.4rem;
    font-weight: normal;
    margin: 0 auto 0.25rem;
}

.label h5 span {
    color: #D29956;
}

.label div {
    width: 9.2rem;
    overflow-x: auto;
    padding-bottom: 0.2rem;
}

.label ol {
    overflow: auto;
}

.label ol li {
    width: 1.5rem;
    margin: 0 0.05rem;
    float: left;
    overflow: auto;
}

.label ol li img {
    width: 100%;
}

.label ol li b {
    display: block;
    width: 0.56rem;
    height: 0.56rem;
    margin: 0 auto 0.1rem;
}

.label ol li span {
    font-size: 0.24rem;
    display: block;
    text-align: center;
}

.purchase button {
    display: block;
    width: 6.9rem;
    height: 0.9rem;
    font-size: 0.34rem;
    border-radius: 0.45rem;
    margin: 0.3rem auto;
    color: #eebe95;
    font-weight: bold;
    letter-spacing: 0.04rem;
    background: -moz-linear-gradient(right, #343434 0%, #666666 100%);
    background: -webkit-linear-gradient(right, #343434 0%, #666666 100%);
    background: -o-linear-gradient(right, #343434 0%, #666666 100%);
    background: -ms-linear-gradient(right, #343434 0%, #666666 100%);
    background: linear-gradient(to right, #343434 0%, #666666 100%);
}

.div-texts.vip {
    background: -moz-linear-gradient(left, #fef3e6 0%, #f9d6be 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fef3e6), color-stop(100%, #f9d6be));
    background: -webkit-linear-gradient(left, #fef3e6 0%, #f9d6be 100%);
    background: -o-linear-gradient(left, #fef3e6 0%, #f9d6be 100%);
    background: -ms-linear-gradient(left, #fef3e6 0%, #f9d6be 100%);
    background: linear-gradient(to right, #fef3e6 0%, #f9d6be 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fef3e6', endColorstr='#f9d6be', GradientType=0);
    width: 9.2rem;
    height: 1.06666667rem;
    border-radius: 0.1rem;
    color: #a46e43;
    font-size: 0.4rem;
    line-height: 0.5rem;
    padding: 0.07rem 0.1rem 0;
    box-sizing: border-box;
    margin-top: 0.2rem;
    font-size: 12px;
    font-family: 'microsoft yahei';
    display: none;
}

.div-texts.vip i {
    float: left;
    display: block;
    width: 0.64rem;
    height: 0.68rem;
    background: url('../img/vip2_h5-33a899f828.png') no-repeat top center;
    background-size: contain;
    margin: 0.1rem 0.2rem 0 0;
}

.div-texts.vip a {
    color: #825027;
    text-decoration: underline;
    /* font-family: 'microsoft yahei'; */
    font-size: 13px;
    font-weight: bold;
}

.div-texts.vip .span.tri3 {
    width: 6px;
    height: 7px;
    display: inline-block;
    background: url('../img/tri-c929b3567d.png') no-repeat top center;
    background-size: contain;
    margin-left: 3px;
}

.remen .tuijian .one .banner {
    width: 9.2rem;
    height: 5.24rem;
    background: url('../img/defaultImg-c24a1cbb5d.png') no-repeat top center;
    background-size: cover;
    margin: 0 auto;
    z-index: 1;
}

.remen .tuijian .one .banner img {
    width: 100%;
    height: 100%;
}


.remen .tuijian .one .kc_name {
    margin: 0 auto;
    margin-top: 0.32rem;
    line-height: 0.39rem;
    font-size: 0.3733333rem;
    color: #333;
    width: 9.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: FZLTCHJW;
}

.AI_video {
	position: fixed;
	z-index: 2147483647;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
    display: none;
}


/* 首页今日直播样式 */
.recently_live{
	background: #fff;
	padding: .4rem;
	width: 100%;
	height: 1.92rem;
	box-sizing: border-box;
	display: none;
	margin-bottom: 0.1333333rem;
    position: relative;
}
.recently_live .r_l_name{
	font-size: .3733rem;
	line-height: .5333rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	color: #333;
}
.recently_live .r_l_info{
	width: 100%;
	height: .6133rem;
	line-height: .6133rem;
	margin-top: .1733rem;
	font-size: 0;
}
.recently_live .r_l_info .r_l_i_type{
	font-weight: 400;
	color: #666;
	font-size: .32rem;
}
.recently_live .r_l_info .r_l_i_line{
	width: 1px;
	height: .2667rem;
	line-height: .6133rem;
	margin: .0533rem .1333rem 0;
	color: #999;
	display: inline-block;
}
.recently_live .r_l_info .r_l_i_time{
	font-weight: 400;
	color: #666;
	font-size: .32rem;
}
.recently_live .r_l_info .r_l_i_status{
	width: 1.8133rem;
	height: .6133rem;
	display: inline-block;
	border-radius: .3467rem;
	background: #cfcfcf;
	font-size: .32rem;
	color: #fff;
	position: absolute;
    right: .3733rem;
    top: .64rem;
	text-align: center;
}
.recently_live .r_l_info .r_l_i_status.j_live_status{
	background: #FFA245;
	color: #fff;
}
.recently_live .r_l_info .r_l_i_status.z_live_status{
	background: #E60012 url('../img/bofangzhong-88714f66d5.png') no-repeat .2133rem .08rem;
	background-size: .4267rem .4267rem;
	color: #fff;
    padding-left: .3733rem;
	box-sizing: border-box;
}


/* 19商品 中公教育商品 新样式 */
.page_19 .swiper-pagination-fraction {
    width: .96rem;
    height: .48rem;
    border: 0.014rem solid #fff;
    border-radius: .0533rem;
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: .2667rem;
    line-height: .48rem;
    left: auto;
    right: .2133rem
}
.page_19 .swiper-pagination-fraction .swiper-pagination-current{
    font-size: 0.32rem;
}
.page_19 .summary{
    margin-bottom: .2133rem;
}
.page_19 .summary h3{
    padding: .32rem .3733rem 0 .3733rem;
    color: #333;
    font-size: .48rem;
    line-height: .6667rem;
    font-weight: bold;
    margin-bottom: .1067rem;
}
.page_19 .summary .price{
    padding-left: .3733rem;
}
.page_19 .summary .price .vip_price_box{
    vertical-align: bottom;
}
.page_19 .price_div>span{
    font-size: .32rem;
    line-height: .4533rem;
}
.page_19 .summary .price .price1{
    font-size: .48rem;
    line-height: .5867rem;
}
.page_19 .summary.box2{
    padding-left: .3733rem;
}
.page_19 .summary.box2 .li{
    line-height: .8533rem;
    padding: .32rem 0 0 0;
    border-bottom: 1px solid #ebebeb;
}
.page_19 .summary.box2 .li .left{
    font-size: .3733rem;
    color: #666;
    line-height: .5333rem;
    font-weight: 400;
}
.page_19 .summary.box2 .li .right{
    font-size: .32rem;
    line-height: .5333rem;
    color: #999;
    padding: 0 .3733rem .32rem 0;
    border-bottom: none;
}
.page_19 .info-nav-wrapper{
    height: 1.1733rem;
}
.page_19 .info-nav-wrapper .info-nav{
    height: 1.1733rem;
    border-bottom: none;
}
.page_19 .info-nav-wrapper .info-nav>li>a{
    font-size: .3733rem;
    font-weight: 500;
    color: #666;
}
.page_19 .info-nav-wrapper .info-nav>li.active>a{
    color: #333;
    font-weight: bold;
}
.page_19 .info-nav-wrapper .info-nav>li .underline{
    width: .5333rem;
    height: .08rem;
    border-radius: .0533rem;
    margin-left: -0.2667rem;
    bottom: .1867rem
}
.page_19 .info-show>li{
    padding: 0;
}
.page_19 .chunk{
    padding: .1067rem 0;
}
.page_19 .price_box .state{
  text-align: center;
}
.buy-area_19 .zx-box{
    width: auto;
    height: .64rem;
    position: absolute;
    bottom: .72rem;
    left: 0;
    border-right: none;
    margin-top: 0;
}
.buy-area_19 .zx-box .zhichi .zx-icon,.buy-area_19 .zx-box .zx .zx-icon,.buy-area_19 .zx-box .zx2 .zx-icon, .buy-area_19 .zx-box .tangLang .zx-icon{
    width: .64rem;
    height: .64rem;
    margin: 0 0 0 .3733rem;
    display: inline-block;
}
.buy-area_19 .zx-box .zhichi p,.buy-area_19 .zx-box .zx p,.buy-area_19 .zx-box .zx2 p, .buy-area_19 .zx-box .tangLang p{
    font-size: .3733rem;
    color: #666;
    line-height: .5333rem;
    float: right;
    margin: .0533rem 0 0 .1067rem;
}
.buy-area_19 .btn-group{
    height: .8533rem;
    line-height: .8533rem;
}
.buy-area_19 .btn-group>a{
    height: .8533rem;
    font-size: .3733rem;

}
.buy-area_19 .btn-group>a.buy{
    width: 2.7733rem;
    background: linear-gradient(90deg, #FF4A15 0%, #E60012 100%);
    border-radius: .5733rem;
}

/* 丘比特之箭（替换相关推荐，热门推荐以及会员广告，新增授课师资）2024/01/08 */
.cupid {
	width: 100%;
    padding-top: 0.4rem;
    box-sizing: border-box;
}

.tuijian .cupid {
	display: block;
}

.cupid .tip{
	display: flex;
	justify-content: space-between;
	margin: 0 0.4rem 0.5333rem 0.4rem;
}

.cupid .tip>div{
	width: 2.88rem;
	height: 2.5333rem;
	border-radius: 0.2667rem;
	padding: 0.3467rem 0 0.4rem 0.32rem;
	box-sizing: border-box;
	color: #fff;
}

.cupid .tip .left{
	background: url('../img/zxzxH5-b6afa167fd.png') no-repeat center center/cover;
}

.cupid .tip .right{
	background: url('../img/mflqH5-1c1708e48b.png') no-repeat center center/cover;
	position: relative;
}

.cupid .tip .right1{
	background: url('../img/ljckH5-7068b7bc2d.png') no-repeat center center/cover;
}

.cupid .tip .mask,
#sksz_Teachers .mask{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2999;
    display: none;
}

.cupid .tip .mask .imgBox,
#sksz_Teachers .mask .list{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3000;
    border-radius: 20px 20px 0px 0px;
    background-color: #fff;
}

.cupid .tip .mask .imgBox .img1{
    width: 16px;
    position: absolute;
    right: 15px;
    top: 15px;
}

.cupid .tip .mask .imgBox .img2{
    width: 150px;
    margin: 35px 0 0 120px;
}

.cupid .tip .mask .imgBox>p{
    font-size: 16px;
    font-weight: 700;
    line-height: 50px;
    margin-left: 140px;
    color: #666;
}

.cupid .tip .p1 {
	font-size: 0.4267rem;
    font-weight: 700;
    color: #FFFFFF;
    text-shadow: 0.0267rem 0.0267rem 0.0267rem rgba(214,115,39,0.45);
	margin-bottom: 0.3467rem;
}

.cupid .tip .p2 {
	font-size: 0.32rem;
	font-weight: 700;
	width: 2.3467rem;
	line-height: 0.7467rem;
	text-align: center;
	background: #FFFFFF;
	box-shadow: 0.0267rem 0.0267rem 0.0267rem 0rem rgba(214,115,39,0.45);
	border-radius: 0.3733rem;
}

.cupid .tip .left .p2 {
	color: #EB7E29;
}

.cupid .tip .right .p2 {
	color: #E34B49;
}

.cupid .box {
	background: #fff;
	padding: 0.6667rem 0;
	border-radius: 0.2667rem;
	margin: 0 0.4rem 0.5333rem 0.4rem;
}

.cupid .box .title {
	font-size: 0.4267rem;
    color: #333;
    border-left: 0.1067rem solid #e60012;
    line-height: 0.4267rem;
    padding-left: 0.2667rem;
	font-weight: 700;
	position: relative;
}

.cupid .box .title .icon {
	width: 0.6933rem;
	height: 0.4533rem;
	background: url('../img/zhibo-448d00f733.png') no-repeat top center/cover;
	display: inline-block;
	margin-left: 0.4rem;
	vertical-align: bottom;
}

.cupid .box .content {
	padding: 0 0.4rem;
}

/* 直播公开课 */
.cupid .live {
    display: none;
}
.cupid .live .content li {
	margin-top: 0.5333rem;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}

.cupid .live .content li .publicity_photos {
	display: block;
	width: 1.4933rem;
	height: 2rem;
	background: linear-gradient(0deg, #D9D9D9, #EBEBEB);
	margin-right: 0.4rem;
	border-radius: 0.2133rem;
	overflow: hidden;
}

.cupid .live .content li .publicity_photos img {
	width: 100%;
}

.cupid .live .content li .info .tit {
	width: 4.16rem;
	height: 0.9867rem;
	color: #333333;
	font-weight: 700;
	font-size: 0.4rem;
	line-height: 0.5067rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all;
	float: left;
	margin: 0 0.88rem 0.6667rem 0;
}

.cupid .live .content li .info .status,
.cupid .live .content li .info .status1 {
	width: 1.4667rem;
	height: 1.3333rem;
	float: right;
	margin-bottom: 0.3467rem;
}

.cupid .live .content li .info .status .p1,
.cupid .live .content li .info .status1 .p1 {
	height: 0.7467rem;
	background: #F03639;
	border-radius: 0.3733rem;
	font-size: 0.32rem;
	color: #FFFFFF;
	text-align: center;
	line-height: 0.7467rem;
	margin-bottom: 0.24rem;
}

.cupid .live .content li .info .status .p2,
.cupid .live .content li .info .status1 .p2 {
	font-size: 0.32rem;
	color: #F03639;
	font-weight: 700;
	margin-left: 0.2667rem;
}

.cupid .live .content li .info .status1 .p1 {
	background: #F47433;
}

.cupid .live .content li .info .status1 .p2 {
	color: #666666;
}

.cupid .live .content li .info .time {
	font-size: 0.32rem;
	font-weight: 700;
	color: #666666;
}

/* 网校师资 */
.cupid .teachers .title .icon {
	width: 3.8933rem;
	height: 0.8rem;
	background: url('../img/wxsz-e6853c82e3.png') no-repeat top center/cover;
	position: absolute;
	top: -0.24rem;
}

.cupid .wxsz_Teachers {
	margin: 0.5067rem 0.4rem 0;
	border-radius: 0.2667rem;
    display: block !important;
}

.cupid .wxsz_Teachers .swiper-wrapper{
	width: 8.4rem;
	height: 4.72rem;
	border-radius: 0.2667rem;
}

.cupid .wxsz_Teachers .swiper-wrapper .swiper-slide{
	display: flex;
	height: 4.72rem;
	cursor: pointer;
	background: url('../img/cupid_khaki-ad7f2a0b06.jpg') no-repeat top center/cover;
	border-radius: 0.2667rem;
}

.cupid .wxsz_Teachers .swiper-wrapper .photo{
	width: 4.0267rem;
	height: 4.0267rem;
	border-radius: 0.2667rem;
	margin: 0.6933rem 0 0 0.56rem;
}

.cupid .wxsz_Teachers .swiper-wrapper .photo img{
	width: 100%;
}

.cupid .wxsz_Teachers .swiper-wrapper .info{
	margin-top: 0.8533rem;
}

.cupid .wxsz_Teachers .swiper-wrapper .info .p1{
	font-size: 0.5867rem;
	font-weight: 700;
	color: #333333;
	margin-left: 0.2667rem;
}

.cupid .wxsz_Teachers .swiper-wrapper .info .p2{
    width: max-content;
	max-width: 3.3333rem;
	line-height: 0.8533rem;
	background: #DCB174;
	border-radius: 0.4267rem;
	font-size: 0.3733rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	margin: 0.4rem 0;
	margin-left: 0.2667rem;
    padding: 0 0.3467rem;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cupid .wxsz_Teachers .swiper-wrapper .info .p3{
	width: 2.64rem;
	height: 0.8rem;
	font-size: 0.3467rem;
	color: #333333;
	margin-left: 0.3467rem;
    font-family: FZLanTingHeiS-R-GB;
}

.cupid .wxsz_Teachers .swiper-pagination {
	width: max-content;
	left: auto;
	right: 0.4rem;
    bottom: 0.1333rem;
}

.cupid .wxsz_Teachers .swiper-pagination-bullet {
	width: 0.16rem;
	height: 0.16rem;
}

.cupid .wxsz_Teachers>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 0 0 0.1333rem;
}

.cupid .wxsz_Teachers .swiper-pagination-bullet-active {
	width: 0.48rem;
	height: 0.16rem;
	background: #333333;
	border-radius: 0.08rem;
}

/* 会员广告 + 会员商品搜索 */
.cupid .eoffcnGoodsBox {
    width: 100%;
    background: #fff;
    padding: 0.4rem;
    box-sizing: border-box;
}

.cupid .eoffcnGoods {
	width: 100%;
	background: url('../img/vipbjh5-2bee36811a.png') no-repeat top center/contain;
	border-radius: 0.2667rem;
	padding-top: 2.0533rem;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}

.cupid .eoffcnGoods .left {
	width: 2.2667rem;
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	background: linear-gradient(90deg, #F3E1B9, #F2E6D1, #F1CB9E);
	border-radius: 0.4rem;
	font-size: 0.3467rem;
	font-weight: 700;
	color: #2B2C2F;
	margin: 0 0.2667rem 0 1.1467rem;
}

.cupid .eoffcnGoods .right {
	width: 4.4rem;
	height: 0.8rem;
	line-height: 0.8rem;
	background: linear-gradient(90deg, #D85A3D, #DE8653);
	border-radius: 0.4rem;
	font-size: 0.32rem;
	font-weight: 700;
	color: #FFFFFF;
	text-indent: 2.4rem;
	position: relative;
	cursor: pointer;
}

.cupid .eoffcnGoods .right>div{
	width: 2.08rem;
	height: 0.6933rem;
	line-height: 0.72rem;
	text-align: center;
	background: linear-gradient(90deg, #F3E1B9, #F2E6D1, #F1CB9E);
	border-radius: 0.3467rem;
	font-size: 0.32rem;
	font-weight: 700;
	color: #2B2C2F;
	position: absolute;
	text-indent: 0;
	left: 0.0533rem;
	bottom: 0.0533rem;
}

.cupid .eoffcnGoods .right::after {
	content: "";
	width: 6px;
	height: 7px;
	position: absolute;
	top: 12px;
    right: 13px;
	background: url('../img/ljkt-d00d84a6c6.png') no-repeat top center/cover;
}

.cupid .eoffcnGoods .eoffcnList {
	background: #F5F5F5;
	border: 0.0267rem solid #CCCCCC;
	border-radius: 0.2667rem;
	width: 100%;
	padding: 0.4533rem 0.4rem;
	box-sizing: border-box;
	margin: 0.5333rem 0 0.4rem 0;
	position: relative;
}

.cupid .eoffcnGoods .eoffcnList .level_one{
	white-space: nowrap;
	width: 7.7333rem;
	overflow-x: scroll;
	cursor: grabbing;
	user-select: none;
}

.cupid .eoffcnGoods .eoffcnList .level_one li{
	font-size: 0.4rem;
	color: #333;
	margin-right: 0.5333rem;
	display: inline-block;
	font-weight: 700;
	cursor: pointer;
}

.cupid .eoffcnGoods .eoffcnList .level_one::-webkit-scrollbar {
	display: none;
}

.cupid .eoffcnGoods .eoffcnList .level_one .arrow {
	position: absolute;
	width: 0.2667rem;
	height: 0.16rem;
	background: url('../img/cupid_close-1767ca73a4.png') no-repeat top center/contain;
	top: 0.64rem;
    right: 0.4267rem;
	cursor: auto;
}

.cupid .eoffcnGoods .eoffcnList .level_one .open {
	background: url('../img/cupid_open-7a6cb26657.png') no-repeat top center/contain;
	display: none;
}

.cupid .eoffcnGoods .eoffcnList .divider {
	margin-top: 0.5333rem;
	width: 100%;
	height: 0.0267rem;
	background: #E6E6E6;
}

.cupid .eoffcnGoods .eoffcnList .level_one_list {
	width: 9.2rem;
	background: #FFFFFF;
	border: 0.0267rem solid #E6E6E6;
	box-shadow: 0rem 0.1333rem 0.2667rem 0rem rgba(230,230,230,0.75);
	border-radius: 0.2667rem;
	position: relative;
	top: -0.0267rem;
    left: -0.4267rem;
	padding: 0.6933rem 0 0.1337rem 0.6667rem;
	box-sizing: border-box;
	flex-wrap: wrap;
    display: none;
}

.cupid .eoffcnGoods .eoffcnList .level_one_list li {
	margin: 0 0.4rem 0.533rem 0;
	color: #333;
	cursor: pointer;
    font-size: 0.4rem;
	font-weight: 700;
}

.cupid .eoffcnGoods .eoffcnList .yjks_active {
	color: #E60012 !important;
}

.cupid .eoffcnGoods .eoffcnList .level_two {
	margin: 0.5333rem 0 0.6667rem;
	display: flex;
	flex-wrap: wrap;
	height: 1.2rem;
	overflow: hidden;
	width: 100%;
	position: relative;
	user-select: none;
}

.cupid .eoffcnGoods .eoffcnList .level_two li,
.cupid .eoffcnGoods .eoffcnList .level_two_list li {
	margin: 0 0.6667rem 0.32rem 0;
	color: #666;
	font-size: 0.32rem;
	font-weight: 700;
}

.cupid .eoffcnGoods .eoffcnList .level_two li label,
.cupid .eoffcnGoods .eoffcnList .level_two_list li label{
	font-size: 0.32rem;
}

.cupid .eoffcnGoods .eoffcnList .level_two li input,
.cupid .eoffcnGoods .eoffcnList .level_two_list li input {
	appearance: none;
	margin-right: 0.2667rem;
	width: 0.3467rem;
	height: 0.3467rem;
	background: url('../img/weixuanzhong-caf7b9c63b.png') no-repeat top center/cover;
    position: relative;
    top: 0.0533rem;
}

.cupid .eoffcnGoods .eoffcnList .level_two li input:checked,
.cupid .eoffcnGoods .eoffcnList .level_two_list li input:checked{
	background: url('../img/xuanzhong-27d1517750.png') no-repeat top center/cover;
}

.cupid .eoffcnGoods .eoffcnList .level_two .more {
	width: 1.92rem;
	font-size: 0.32rem;
	color: #666;
	display: flex;
	justify-content: right;
	font-weight: 700;
}

.cupid .eoffcnGoods .eoffcnList .level_two .more .checkedNum {
	width: 0.48rem;
	height: 0.48rem;
	line-height: 0.48rem;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 0.32rem;
	font-weight: 700;
	margin-top: -0.08rem;
	background: #E81425;
    display: none;
}

.cupid .eoffcnGoods .eoffcnList .level_two .more .arrow1 {
	width: 0.2667rem;
	height: 0.16rem;
	background: url('../img/cupid_close-1767ca73a4.png') no-repeat top center/contain;
	margin: 0.16rem 0 0 0.2667rem;
}
.cupid .eoffcnGoods .eoffcnList .level_two .more .open {
	background: url('../img/cupid_open-7a6cb26657.png') no-repeat top center/contain;
	display: none;
}

.cupid .eoffcnGoods .eoffcnList .level_two_list {
	width: 9.2rem;
	background: #FFFFFF;
	border: 0.0267rem solid #E6E6E6;
	box-shadow: 0rem 0.1333rem 0.2667rem 0rem rgba(230,230,230,0.75);
	border-radius: 0.2667rem;
	position: relative;
	top: -0.0267rem;
    left: -0.4267rem;
	padding: 0.6667rem 0.6667rem 0.2133rem;
	box-sizing: border-box;
	flex-wrap: wrap;
	display: flex;
	margin-bottom: 0.5333rem;
	display: none;
}

.cupid .eoffcnGoods .eoffcnList .goodsList {
	display: flex;
	justify-content: space-between;
}

.cupid .eoffcnGoods .eoffcnList .goodsList>ul>p{
	width: 4rem;
	text-align: center;
	margin-bottom: 16px;
	font-size: 0.4rem;
	font-weight: 700;
	color: #333333;
}

.cupid .eoffcnGoods .eoffcnList .goodsList>ul>div{
	width: 2.1333rem;
	height: 0.7467rem;
	line-height: 0.6933rem;
	border: 0.0267rem solid #E6E6E6;
	border-radius: 0.3733rem;
	margin: 0 0.9333rem;
	font-size: 0.32rem;
	color: #666666;
    background: #FFFFFF;
    text-align: center;
}

.cupid .eoffcnGoods .eoffcnList .goodsList>ul>li{
	width: 4rem;
	/* height: 4.4533rem; */
	background: #FFFFFF;
	border-radius: 0.2667rem;
	margin-bottom: 0.4267rem;
    padding-bottom: 0.2933rem;
}

.cupid .eoffcnGoods .eoffcnList .goodsList>ul>li .img{
	width: 100%;
	height: 2.2667rem;
	background: red;
	border-radius: 0.2667rem;
	position: relative;
}
.cupid .eoffcnGoods .eoffcnList .goodsList>ul>li .img .bofang{
	position: absolute;
	right: 0.1333rem;
	bottom: 0.1333rem;
	width: 0.3733rem;
	height: 0.3733rem;
	background: url('../img/cupid_bofang-62fdb759a7.png') no-repeat 0 0/cover;
	border-radius: 50%;
}

.cupid .eoffcnGoods .eoffcnList .goodsList>ul>li .name{
	width: 3.4133rem;
	height: 0.8rem;
	font-size: 0.32rem;
	font-weight: 700;
	color: #333333;
	line-height: 0.4267rem;
	margin: 0.32rem 0.2933rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
}

.cupid .eoffcnGoods .eoffcnList .goodsList>ul>li .price,
.cupid .eoffcnGoods .eoffcnList .goodsList>ul>li .price1{
	display: flex;
}

.cupid .eoffcnGoods .eoffcnList .goodsList>ul>li .price {
    flex-wrap: wrap;
	padding-left: 0.2667rem;
	box-sizing: border-box;
}

.cupid .eoffcnGoods .eoffcnList .goodsList>ul>li .price .price1>div{
	width: 0.5867rem;
	height: 0.4267rem;
	background: url('../img/vip_icon_bg-2a6015745a.png') no-repeat 0 0/cover;
	border-radius: 0.2133rem 0rem 0rem 0.2133rem;
}

.cupid .eoffcnGoods .eoffcnList .goodsList>ul>li .price .price1>p{
	height: 0.4267rem;
	line-height: 0.4267rem;
	background: linear-gradient(to right, #fef3e6 5%, #f9d7c0 100%);
	border-radius: 0rem 0.2133rem 0.2133rem 0rem;
	padding: 0 0.2133rem 0 0.1067rem;
	box-sizing: border-box;
	font-size: 0.32rem;
	font-weight: 600;
	color: #A56F43;
	margin-right: 0.1333rem;
}

.cupid .eoffcnGoods .eoffcnList .goodsList>ul>li .price .price2{
	font-size: 0.2667rem;
	color: #999999;
	line-height: 0.48rem;
	text-decoration: line-through;
}

/* banner */
.cupid .cupid_banner {
    border-radius: 0.2667rem;
    display: block !important;
    margin: 0 0.4rem 0.5333rem 0.4rem;
}

.cupid .cupid_banner .swiper-wrapper {
	width: 100%;
	height: 5.1733rem;
	border-radius: 0.2667rem;
}

.cupid .cupid_banner .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%;
	border-radius: 0.2667rem;
    position: relative;
}

.cupid .cupid_banner img {
	width: 100%;
    height: inherit;
	border-radius: 0.2667rem;
}

.cupid .cupid_banner .offcnNewBannerImg {
	position: absolute;
	top: 0.8rem;
	left: 0.5333rem;
}

.cupid .cupid_banner .offcnNewBannerImg b {
	background: url(https://statics.eoffcn.com/statics/images/xiaobiao.png) no-repeat center left;
    background-size: 0.5867rem 100%;
    color: #e14a39;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
    padding-left: 0.8rem;
    font-size: 0.48rem;
    line-height: 0.48rem;
}

.cupid .cupid_banner .offcnNewBannerImg span {
    font-size: 0.5333rem;
    line-height: 0.7467rem;
    box-sizing: border-box;
    font-weight: bold;
    color: #643d2d;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-top: 0.2133rem;
    word-wrap: break-word;
}

.cupid .cupid_banner .swiper-pagination {
	width: max-content;
	left: auto;
	right: 0.4rem
}

.cupid .cupid_banner>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 0 0 0.1333rem;
}

.cupid .cupid_banner .swiper-pagination-bullet-active {
	width: 0.6667rem;
	height: 0.2133rem;
	background: #000000;
	border-radius: 0.1067rem;
}
/* 丘比特之箭（新增授课师资） */
#sksz_Teachers {
    padding: 20px 0.4rem;
    box-sizing: border-box;
    display: none;
}

#sksz_Teachers .box{
    display: flex;
    width: 9.2rem;
    height: 4rem;
    background: url('../img/skszbjh5-3310ee721e.png') no-repeat 0 0/cover;
}

#sksz_Teachers .box .photo{
	width: 3.3867rem;
	height: 3.3867rem;
	border-radius: 0.2667rem;
	margin: 0.6133rem 0 0 0.96rem;
    overflow: hidden;
}
#sksz_Teachers .box .photo img{
	width: 100%;
}

#sksz_Teachers .box .info{
	margin-top: 0.72rem;
}

#sksz_Teachers .box .info .p1{
	font-size: 0.48rem;
	font-weight: 700;
	color: #333333;
	margin-left: 0.2933rem;
}

#sksz_Teachers .box .info .p2{
	width: max-content;
	line-height: 0.72rem;
	background: #999;
	border-radius: 0.3467rem;
	font-size: 0.32rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	margin: 0.2667rem 0 0.2667rem 0.2667rem;
    padding: 0 0.3467rem;
    box-sizing: border-box;
}

#sksz_Teachers .box .info .p3{
	width: 3.2533rem;
	height: 0.8267rem;
	font-size: 0.32rem;
	color: #333333;
	margin-left: 0.3467rem;
}

#sksz_Teachers>p{
    width: 4.2667rem;
    height: 0.9333rem;
    line-height: 0.9333rem;
    text-align: center;
    background: #FFFFFF;
    border: 0.0267rem solid #E6E6E6;
    border-radius: 0.48rem;
    font-size: 0.32rem;
    color: #333;
    margin: 0.4rem auto 0;
}

#sksz_Teachers .mask .list {
    height: 12.2667rem;
    border-radius: 0.4rem 0.4rem 0 0;
    padding: 0.6667rem 0.4rem 0;
    box-sizing: border-box;
}

#sksz_Teachers .mask .list .icon {
    width: 0.4267rem;
    height: 0.4267rem;
    position: absolute;
    top: 0.2667rem;
    right: 0.2667rem;
    background: url('../img/closeicon-9f28978b80.png') no-repeat 0 0/cover;
}

#sksz_Teachers .mask .list>p{
    width: 100%;
    text-align: center;
    font-size: 0.48rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0.5333rem;
}

#sksz_Teachers .mask .list>ul{
    height: 10.4267rem;
    overflow-y: scroll;
}

#sksz_Teachers .mask .list>ul>li{
    width: 100%;
    height: 4rem;
    border-radius: 0.2667rem;
    background: url('../img/skszbjh5-3310ee721e.png') 0 0/cover;
    margin-bottom: 0.4rem;
    display: flex;
}

#sksz_Teachers .mask .photo{
	width: 3.3867rem;
	height: 3.3867rem;
	border-radius: 0.2667rem;
	margin: 0.6133rem 0 0 0.96rem;
    overflow: hidden;
}
#sksz_Teachers .mask .photo img{
	width: 100%;
}

#sksz_Teachers .mask .info{
	margin-top: 0.72rem;
}

#sksz_Teachers .mask .info .p1{
	font-size: 0.48rem;
	font-weight: 700;
	color: #333333;
	margin-left: 0.2933rem;
}

#sksz_Teachers .mask .info .p2{
	width: max-content;
	line-height: 0.72rem;
	background: #999;
	border-radius: 0.3467rem;
	font-size: 0.32rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	margin: 0.2667rem 0 0.2667rem 0.2667rem;
    padding: 0 0.3467rem;
    box-sizing: border-box;
}

#sksz_Teachers .mask .info .p3{
	width: 3.2533rem;
	height: 0.8267rem;
	font-size: 0.32rem;
	color: #333333;
	margin-left: 0.3467rem;
}
/* 面霸商品增加 免费使用gif 2024/1/19 */
.mianbaGif{
    width: 50px;
    height: 40px;
    position: absolute;
    left: 102px;
    background: url(../img/mfty.gif) no-repeat 0 0/cover;
    display: none;
}

/* 介绍正价默认图 */
.jsmrt {
	width: 100%;
    height: auto;
    display: none;
}
.jsmrt img{
    width: 100%;
}

.loadAppOpen, .loadAppOpenW{
    width: 100%;
    max-width: 10rem;
    margin: auto;
    height: 1.4667rem;
    position: relative;
    box-sizing: border-box;
    background-color: #f72613;
    z-index: 1000;
}
.loadAppOpenW{
    font-size: .4rem;
    color: #fff;
    font-weight: normal;
    line-height: 1.3067rem;
    padding: 0 .4rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: url(https://statics.eoffcn.com/statics/images/fx0411.png) no-repeat center top;
    background-size: 10rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
.loadBtn{
    width: auto;
    float: right;
    height: .7333rem;
    line-height: .7333rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: .3733rem;
    margin: auto;

}
.loadAppOpenW p{
    width: 6.4rem;
    font-size: .2933rem;
    line-height: .4267rem;
    display: none;
}
.loadBtn a{
    display: block;
    width: 1.3333rem;
    height: .7333rem;
    line-height: .7333rem;
    font-size: .2933rem;
    background-color: none;
    color: #333333;
    text-align: center;
    float: left;
    margin-left: .2rem;
    border-radius: .1067rem;
    opacity: 0;
}
.loadBtn .btnApp{
    width: 1.2rem;
}


.shadow-app {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    /* display: none; */
}
.shadow-app{
    display: none;
}
.shadow-app>div {
    width: 80%;
    height: 15%;
    margin: 5.1282rem auto;
    background: #fff;
    border-radius: 0.5128rem;
    font-size: 0.5128rem;
    text-align: center;
    padding: 0.5128rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.shadow-app>div img {
    width: 2.5641rem;
    position: absolute;
    top: -2.8718rem;
    right: 0.641rem;
}
.shadow-app>div span {
    font-size: 0.6667rem;
    font-weight: 700;
}
.yuan {
    display: inline-block;
    width: 0.1282rem;
    height: 0.1282rem;
    background: black;
    border-radius: 50%;
    margin: 0 0 0.1282rem 0.0769rem;
}
/* 常规移动端媒体查询（兜底） */
@media (max-width: 768px) {
  /* 移动端样式 */
  .container { width: 100%; padding: 0 10px; }
}

/* PC端样式 */
@media (min-width: 769px) {
  .container { width: 1200px; margin: 0 auto; }
}

/* 鸿蒙设备适配：高分辨率移动端强制使用移动端样式 */
@media (min-width: 769px) and (max-width: 1440px) and (orientation: portrait) {
  /* 识别鸿蒙设备的特征：UA含HarmonyOS + 竖屏 */
  html[class*="mobile-force"] .container,
  body[data-system="harmonyos"] .container {
    width: 100%;
    padding: 0 10px;
  }
}