.div_wrap .page{
    /*padding-bottom: 4rem;*/
    position: relative;
    box-sizing: content-box;
    min-height: 17.3rem;
}

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

.div_wrap.backgroundType4 .buy-area{
    background: #b31210;
}


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

.div_wrap .buy-area .btn-group > a.buy{
    width: 9rem;
    height: 1.55rem;
    background: url(../img/buyButtonStyle1.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;
}

.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.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 > a.soldout{
    width: 9rem;
    height: 1.55rem;
    background: url(../img/buyButtonStyle0.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 > a.sold_out{
    width: 9rem;
    height: 1.55rem;
    background: url(../img/buyButtonStyle0.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;*/
}
.div_wrap.backgroundType1 .page {
    min-height: 17.3rem;
    box-sizing: content-box;
}

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

.div_wrap.backgroundType1 .page .div_content .sellingPoint{
    margin-left: 0.69rem;
    margin-top:0.44rem ;
}

.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 .page .buy-area{

    background: #002a93;
}




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

.div_wrap.backgroundType1 .page .div_content .description{
    background: #fff;
    border-radius: 10px;
    padding: 0.53rem 0.73rem;
    width: 6.5rem;
    margin: 3rem auto 0;
    box-sizing: border-box;
}

.div_wrap.backgroundType1 .page .div_content .type1_title1{
    width: 3.9rem;
    margin: 0 auto 0.2rem;
}
.div_wrap.backgroundType1 .page .div_content .type1_title1 img{
    width: 101%;
}
.div_wrap.backgroundType2 .page .div_content .title_h2{
    width: 100%;
    font-size: .66rem;
    font-family: 'FZLTTHJW';
    line-height:1.78rem;
    padding: 1.2rem 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;
    font-weight: bold;
    text-align: center;
}
.div_wrap.backgroundType2 .page .div_content .title_h2_2{
    position: absolute;
    top:3px;
    left: 3px;
    z-index: 1;
    width: 100%;
    font-size: .66rem;
    font-family: 'FZLTTHJW';
    line-height:1.78rem;
    padding: 1.2rem 0.54rem 0;
    color: #f23531;
    -webkit-text-stroke: 1px #e40000;
    text-align: center;
    /* 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: 6.5rem;
    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: 100%;
    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: .66rem;
    font-family: 'FZTYSJ';
    line-height:1.533333rem;
    padding: 1.2rem 0.4rem 0;
    color: #333333;
    margin-bottom: 0.35rem;
    font-weight: bold;
    text-align: center;
}

.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: .1rem;
    padding: 0.53rem 0.73rem;
    width: 6.5rem;
    margin:1.1rem auto 0;
    box-sizing: border-box;

}

.div_wrap.backgroundType3 .page .description .type1_title1{
    width: 3.6rem;
    margin: 0 auto;
}
.div_wrap.backgroundType3 .page .description .type1_title1 img{
    width: 100%
}
.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: .66rem;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: 'FZLTTHJW';
    text-shadow: 0px 0.18rem 0.21rem #c5281f;
    margin: 0 auto 0.4rem;
    padding: 0.6rem .3rem 0;
    font-weight: bold;
}

.div_wrap.backgroundType4 .page .div_content .sellingPoint{
    font-size: 0.3733333rem;
    color: #f9ca88;
    background: url(../img/mdbg.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.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.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.42rem;
}

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

}

.div_wrap.backgroundType4 .page .description .type1_title1{
    width: 3.6rem;
    margin: 0 auto;
}
.div_wrap.backgroundType4 .page .description .type1_title1 img{
    width: 101%
}
.div_wrap.backgroundType4 .buy-area{
    background: #b31210;
}


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

.div_wrap.backgroundType5 .page .div_content .title_h2{
    font-size: .66rem;
    width: 100%;
    color: #fff;
    font-family: 'FZLTTHJW';
    text-shadow:0 0.07rem 1px #029d6c;
    margin: 0 auto 0.4rem;
    padding-top: 0.6rem;
    text-align: center;
    font-weight: bold;
}

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

.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.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.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 .description{
    background: #fff;
    border-radius: 10px;
    padding: 0.53rem 0.73rem;
    width: 6.5rem;
    margin: 0.68rem 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;
    position: relative;
    top: -0.84rem;
}
.div_wrap.backgroundType5 .page .description .type1_title1 img{
    width: 101%
}
.div_wrap.backgroundType6 .description img{
    width: 100%;
    height: initial;
}

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


.page {
    width: 7.5rem;
    margin: 0 auto;
}

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

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


.div_content .h2_box{
    position: relative;
}

#primary_buy.buyButtonStyle2{
    background: url('../../img/buyButtonStyle2-f988216271.png') no-repeat top center;
    background-size: 100% 100%;
    padding: .13rem 0 .23rem;
    width: 6.75rem;
    height: 1.16rem;
    font-size: 0.45rem;
}