*{margin:0;padding:0}
body,html{width:100%;height:100%;font-family:"Microsoft YaHei","微软雅黑"}
.detail-warpper{width:100%;float:left;padding-bottom:1.5rem;}
.detail-warpper .top-cover{height:5rem;overflow:hidden;width:100%;position:relative;background:#fff}
.detail-warpper .book-top-cover{height:5rem;overflow:hidden;width:100%;position:relative;background:#fff}
.info .layui-layer-setwin{position:absolute;top:20px;right:24px;font-size:0;line-height:initial}
.info .layui-layer-setwin .layui-layer-close1{background-position:1px 0!important;cursor:pointer;background-size:cover!important}
.info{border-radius:.4rem .4rem 0 0!important}
.info .layui-layer-title{height:1.2rem;font-size:.36rem!important;line-height:1.2rem!important;text-align:center;padding:0;background:#f8f8f8!important;border-radius:.4rem .4rem 0 0;font-weight:800;color:#333;border:none!important}
.detail-warpper .top-cover .top-video{display:none;background:#000;width:100%;height:100%}
.detail-warpper .top-cover .cover_img{width:100%;height:5rem;object-fit:fill}
.detail-warpper .top-cover .swiper-wrapper .swiper-slide{width:100%;height:5rem}
.detail-warpper .top-cover .swiper-wrapper .swiper-slide img{width:100%;height:5rem;object-fit:fill}
.detail-warpper .book-top-cover .cover_img{width:100%;height:5rem;object-fit:contain}
.detail-warpper .book-top-cover .swiper-wrapper .swiper-slide{width:100%;height:5rem}
.detail-warpper .book-top-cover .swiper-wrapper .swiper-slide img{width:100%;height:5rem;object-fit:contain}
.detail-warpper .top-cover .mask-play{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2}
.detail-warpper .top-cover .beginImg{width:2rem;height:1.1rem;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto auto;z-index:3}
.detail-warpper .top-cover .beginImg img{width:2rem;height:1.1rem;z-index:3}
.detail-warpper .top-cover .back{width:.66rem;height:.66rem;position:absolute;top:.29rem;left:.29rem;z-index:3}
.detail-warpper .top-cover .back img{width:.66rem;height:.66rem;z-index:3}
.detail-warpper .time-limit{width:100%;height:auto;background:url(/Content/images/bg_xianshihuo.png) center center no-repeat;background-size:cover;float:left}
.detail-warpper .time-limit .time-clock{width:.3rem;height:.36rem;margin:.39rem .13rem 0 .34rem;float:left}
.detail-warpper .time-limit span{display:block;width:auto;float:left;font-size:.34rem;font-weight:600;color:#fafcff;line-height:1.1rem}
.detail-warpper .time-limit .time-left{width:auto;float:right;height:auto;margin-top:.1rem;margin-right:.3rem;font-size:.2rem;font-weight:400;color:#fff}
.detail-warpper .time-limit .time-left p{font-size:.2rem;font-weight:400;color:#fff;margin-bottom:.08rem;text-align:right;padding-right:.08rem;}
.detail-warpper .time-limit .time-left input{width:.42rem;height:.42rem;background:#fff;border-radius:.1rem;text-align:center;outline:0;border:none;font-size:.24rem;font-weight:700;color:#e52d02;line-height:.42rem;margin-right:.08rem}
.detail-warpper .product-info{width:92%;padding:.4rem 4% 0 4%;background:#fff;float:left}
.detail-warpper .product-info .product-name{float:left;width:100%;font-size:.38rem;font-weight:700;color:#333;line-height:.54rem;margin-bottom:.16rem}
.detail-warpper .product-info .notes{font-size:.24rem;font-weight:400;color:#666;margin-bottom:.3rem;width:100%;float:left}
.detail-warpper .product-info .validCourse{width:100%;font-size:.24rem;color:#666;float:left;margin-bottom:.3rem}
.detail-warpper .product-info .price{width:100%;float:left;margin-bottom:.2rem}
.detail-warpper .product-info .freePrice{margin-bottom:.5rem}
.detail-warpper .product-info .price .salePrice{width:auto;font-size:.46rem;font-weight:700;color:#ff871d;line-height:.4rem;display:block;margin-right:.15rem;float:left}
.detail-warpper .product-info .price .salePrice i{font-size:.28rem;font-style:normal}
.detail-warpper .product-info .price .originalPrice{width:auto;font-size:.26rem;display:block;font-weight:400;text-decoration:line-through;color:#999;float:left;line-height:.58rem}
.detail-warpper .product-info .price .originalPrice i{font-style:normal}
.detail-warpper .product-info .price .check{background:#f0f1f4;border-radius:20px;float:right;font-size:.22rem;text-align:center;color:#999;padding:.09rem .18rem}
.detail-warpper .product-info .infoCon{width:100%!important;float:left!important;list-style:none!important}
.detail-warpper .product-info .infoCon li{width:100%;float:left;margin-top:.2rem}
.detail-warpper .product-info .infoCon li:nth-of-type(1){margin-top:0}
.detail-warpper .product-info .infoCon li:last-child{margin-bottom:.4rem}
.detail-warpper .product-info .infoCon li p{overflow:hidden;float:left;color:#666;font-size:.26rem;width:80%;line-height:.45rem;margin-bottom:.2rem}
.detail-warpper .product-info .infoCon li p i{font-style:normal;font-weight:400;color:#333;font-size:.26rem;float:left;position:relative;margin:0 .15rem 0 0;padding:0 .15rem 0 0}
.detail-warpper .product-info .infoCon li p i:nth-of-type(1){padding-left:0}
.detail-warpper .product-info .infoCon li p i:before{content:'';width:.02rem;height:.2rem;background:#cdcdcd;position:absolute;left:-.15rem;top:25%}
.detail-warpper .product-info .infoCon li p i:last-child{margin-right:0;padding-right:0}
.detail-warpper .product-info .infoCon li .title{width:.6rem;height:.36rem;font-size:.2rem;background:#ffeee5;color:#ff871d;border-radius:.04rem;margin-right:.28rem;float:left;line-height:.38rem;text-align:center;border:1px solid #ffeee5}
.detail-warpper .product-info .infoCon li:nth-of-type(2) .title{margin-right:.285rem}
.detail-warpper .product-info .infoCon li a{padding:0 .1rem;border:1px solid #ff871d;border-radius:.04rem;height:.36rem;font-size:.2rem;font-weight:400;color:#ff871d;float:left;text-align:center;margin-right:.15rem;line-height:.38rem}
.detail-warpper .product-info .infoCon li span{display:block;float:right;margin:.08rem .1rem .1rem .1rem}
.detail-warpper .product-info .infoCon li span img{width:.15rem;height:.24rem}
.detail-warpper .product-info .infoCon li .icon{width:.15rem;height:.24rem;float:right}
.detail-warpper .product-info .infoCon li .icon img{width:.15rem;height:.24rem}
.detail-warpper .product-info .infoCon li .color{color:#ff871d;border:1px solid #ff871d}
.detail-warpper .product-service{width:93%;padding:.26rem 3.5%;float:left;background:#fff;height:auto;margin:.2rem 0 0 0;text-align:left}
.detail-warpper .product-service span{width:.6rem;line-height:.44rem;text-align:center;height:100%;font-size:.26rem;font-weight:800;color:#333;display:block;float:left;margin-right:.36rem}
.detail-warpper .product-service ul{overflow:hidden;float:left;width:85%;list-style:circle}
.detail-warpper .product-service ul li{font-weight:400;color:#333;font-size:.26rem;line-height:.44rem;float:left;position:relative;width:auto;text-align:center;margin:0 .15rem 0 0;padding:0 .15rem 0 0}
.detail-warpper .product-service ul li:nth-of-type(1){padding-left:0;margin-left:0}
.detail-warpper .product-service ul li:before{content:'';width:.02rem;height:.2rem;background:#cdcdcd;position:absolute;left:-.15rem;top:28%}
.detail-warpper .relCourse{width:100%;padding:.3rem 0;background:#fff;float:left;font-size:.3rem;margin-top:.2rem}
.detail-warpper .relCourse .name{width:94%;float:left;font-size:.36rem;font-weight:800;color:#333;margin-left:.3rem;margin-bottom:.2rem}
.detail-warpper .relCourse .productCourse{padding:0 0 0 .3rem;width:100%;box-sizing:border-box;float:left;height:1.8rem;overflow-x:hidden}
.detail-warpper .relCourse .productCourse .swiper-slide{width:4rem;height:auto;padding:.2rem .15rem;border-radius:.06rem;margin-right:.2rem;float:left;position:relative;background:#fff;border:.02rem solid #ebebeb;line-height:.4rem;font-weight:700}
.detail-warpper .relCourse .productCourse .swiper-slide a{display:inline-block;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.detail-warpper .relCourse .productCourse .swiper-slide a>i{font-style:normal;text-align:center;font-weight:400;color:#fff;background:#76828b;text-align:center;vertical-align:middle;display:inline-block;padding:0 .1rem;border-radius:.06rem;line-height:.34rem;height:.32rem;margin-top:-.05rem;font-size:12px;margin-right:.1rem}
.left-info i {
    font-style: normal;
    text-align: center;
    font-weight: 400;
    color: #fff;
    background: #76828b;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    padding: 0 .1rem;
    border-radius: .06rem;
    line-height: .34rem;
    height: .32rem;
    margin-top: -.05rem;
    font-size: 12px;
    margin-right: .1rem
}
.detail-warpper .relCourse .productCourse .swiper-slide a .bottom{width:93%;font-size:.28rem;float:left;margin-top:.28rem;position:absolute;bottom:.1rem;line-height:.6rem}
.detail-warpper .relCourse .productCourse .swiper-slide a .bottom .price{font-weight:700;color:#ff871d;float:left;font-size:.4rem;line-height:.5rem}
.detail-warpper .relCourse .productCourse .swiper-slide a .bottom .price i{font-style:normal;font-size:.28rem}
.detail-warpper .relCourse .productCourse .swiper-slide a .bottom .course{font-size:.28rem;font-weight:400;float:right;color:#999}
.detail-warpper .package-include{padding:.4rem .32rem;float:left;height:auto;margin-top:.2rem;background:#fff}
.detail-warpper .package-include .name{display:block;float:left;font-size:.36rem;font-weight:800;color:#333;margin-right:.3rem}
.detail-warpper .package-include .discount-txt{display:block;float:left;font-size:.26rem;font-family:PingFang SC;font-weight:500;color:#ff871d;line-height:.6rem}
.detail-warpper .package-include .package-list{width:100%;float:left;height:auto}
.detail-warpper .package-include .package-list li{padding:.3rem 4% .3rem 4%;float:left;height:auto;margin:.1rem 0;width:92%;background:#fafafa;border-radius:.2rem}
.detail-warpper .package-include .package-list li{padding-left:.32rem;padding-top:.3rem;padding-bottom:.3rem}
.detail-warpper .package-include .package-list li .left-info{width:75%;float:left;height:auto;font-size:.32rem;font-weight:400;color:#333;line-height:.5rem;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.detail-warpper .package-include .package-list li .left-info a{padding:.01rem .1rem;border-radius:.06rem;line-height:.34rem;height:.32rem;vertical-align:middle;display:inline-block;margin-top:-.08rem;font-size:12px;font-weight:400;color:#fff;background:#76828b;text-align:center;margin-right:.1rem}
.detail-warpper .package-include .package-list li .right-info{float:right;font-size:.3rem;font-weight:700;color:#111}
.detail-warpper .course-info {
    background: #fff;
    position: relative;
    width: 100%;
    overflow: hidden;
    word-break: break-all
}
.detail-warpper .course-info>div{padding:0 .3rem;font-size:.36rem;font-weight:800;color:#333;float:left;margin:0!important;box-sizing:border-box}
.detail-warpper .course-info #video-rongqi{padding:0!important;height:4rem;width:100%}
.detail-warpper .course-info #video-rongqi #video-box{height:100%;width:100%}
.detail-warpper .course-info #video-rongqi #video-box div{z-index:1}
.detail-warpper .course-info h1{padding:0 .3rem;font-size:.36rem;font-weight:800;color:#333;margin:.3rem 0 .3rem 0;word-wrap:break-word}
.detail-warpper .course-info>p{padding:0 .3rem;word-wrap:break-word;float:left;width:90%;width:100%;box-sizing:border-box;color:#999;font-size:.28rem;font-weight:400;margin-bottom:0;line-height:.42rem}
.detail-warpper .course-info img{width:100vw!important;object-fit:cover;max-width:100vw!important;height:auto!important;display:block;float:left;padding:0!important}
.detail-warpper .course-info p img{width:100vw!important;object-fit:cover;max-width:100vw!important;height:auto!important;display:block;float:left;position:relative;left:-.3rem!important}
.detail-warpper .course-info .buy-tip{width:100%;float:left;height:auto;margin:.3rem 0}
.detail-warpper .course-info .buy-tip .tip-content{width:100%;float:left}
.detail-warpper .course-info .buy-tip h1{height:auto;font-size:.36rem;font-weight:600;color:#333;width:100%;float:left}
.detail-warpper .course-info .buy-tip .tip-content .tip-title{font-size:.28rem;font-weight:600;color:#41a9fb;margin:.2rem 0;line-height:.24rem;width:100%;float:left}
.detail-warpper .course-info .buy-tip .tip-content p{font-size:.28rem;font-weight:400;color:#999;line-height:.42rem;margin:.1rem 0;width:100%;float:left}
.detail-warpper .course-info .buy-tip .tip-content .else-tip{width:100%;float:left}
.detail-warpper .course-info .buy-tip .tip-content .else-tip ul{width:100%;float:left}
.detail-warpper .course-info .buy-tip .tip-content .else-tip li{line-height:.36rem;float:left;font-size:.28rem;width:100%;color:#999}
.detail-warpper .book-prodata{width:auto;padding:.4rem .3rem;background:#fff;float:left;margin-top:.2rem}
.detail-warpper .book-prodata .name{width:100%;float:left;font-size:.36rem;font-weight:800;color:#333;margin-bottom:.3rem}
.detail-warpper .book-prodata .tab-item-publish{overflow:hidden;float:left;border-radius:.1rem;width:100%}
.detail-warpper .book-prodata .tab-item-publish .publish-table{width:100%;border-radius:.1rem;margin-bottom:.5rem;border:1px solid #dcdcdc}
.detail-warpper .book-prodata .tab-item-publish .publish-table td{color:#333;font-weight:400;font-size:.28rem;padding:.24rem .3rem;border-bottom:1px solid #dcdcdc}
.detail-warpper .book-prodata .tab-item-publish .publish-table td:nth-of-type(1){border-right:1px solid #dcdcdc}
.detail-warpper .book-prodata .tab-item-publish .publish-table tr:last-child td{border-bottom:none}
.detail-warpper .combined-include{width:100%;padding:.4rem .32rem;box-sizing:border-box;float:left;height:auto;margin-top:.2rem;background:#fff}
.detail-warpper .combined-include .name{display:block;float:left;font-size:.36rem;font-weight:800;color:#333;margin-right:.3rem}
.detail-warpper .combined-include .combined-list{background:#fff;margin:.2rem 0;width:100%;float:left}
.detail-warpper .combined-include .combined-list .combined-list-select-btn{width:.4rem;height:.4rem;border:2px solid #ccc;border-radius:100%;box-sizing:border-box;cursor:pointer;border:none;background:url(/content/images/fuxuan.png) no-repeat;background-size:cover}
.detail-warpper .combined-include .combined-list .combined-list-select-btn:checked{width:.4rem;height:.4rem;background:url(/content/images/checked.png) no-repeat;background-size:100% 100%;border:none}
.detail-warpper .combined-include .combined-list .combined-list-bottom{padding:.1rem .32rem}
.detail-warpper .combined-include .combined-list .combined-list-bottom .all-checked-btn{font-size:.34rem;color:#666}
.detail-warpper .combined-include .combined-list .combined-list-bottom .all-checked-btn input{margin-right:.2rem;float:left}
.detail-warpper .combined-include .combined-list .combined-list-bottom .all-checked-btn span{display:block;float:left;margin-top:-.05rem}
.detail-warpper .combined-include .combined-list .combined-list-table{width:100%;background:#fff;border-collapse:collapse}
.detail-warpper .combined-include .combined-list .combined-list-table tr{width:100%;float:left;height:auto;margin:0 0 .2rem 0;background:#fafafa;border-radius:.2rem}
.detail-warpper .combined-include .combined-list .combined-list-table td{padding-left:.32rem;padding-top:.3rem;padding-bottom:.3rem}
.detail-warpper .combined-include .combined-list .combined-list-table tr td:nth-of-type(2){width:90%;padding-top:.2rem}
.detail-warpper .combined-include .combined-list .combined-list-table .left-info{width:75%;float:left;height:auto;font-size:.32rem;font-weight:400;line-height:.45rem;color:#333;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.detail-warpper .combined-include .combined-list .combined-list-table .left-info a{text-align:center;font-weight:400;color:#fff;background:#76828b;text-align:center;vertical-align:middle;display:inline-block;padding:.01rem .1rem;border-radius:.06rem;line-height:.34rem;height:.32rem;margin-top:-.05rem;font-size:12px;margin-right:.1rem}
.detail-warpper .combined-include .combined-list .combined-list-table .right-info{float:right;font-size:.3rem;font-weight:700;color:#111;margin-right:.2rem}
.detail-warpper .dot{width:10px;height:10px;background:#41a9fb;border-radius:50%}
.file_wrapper{width:100%;height:100%;float:left;background:#fff}
.file_wrapper .file_con{height:100%;margin-top:.9rem;background:#fff;border-top:1px solid #ebebeb}
.file_wrapper .file_con h1{margin:.3rem 0;text-align:center;width:100%;font-size:.36rem;float:left;font-weight:500;color:#333}
.file_wrapper .file_con .info{float:left;padding:0 .3rem .2rem .3rem;height:auto}
.file_wrapper .file_con .info p{width:100%;float:left;margin:.1rem 0}
.file_wrapper .file_con span{display:block;float:left;font-size:.28rem;font-weight:400;color:#333;line-height:.48rem;padding:0 .3rem .5rem .3rem}
.custom-pagination{position:absolute;left:auto!important;right:.2rem!important;bottom:.2rem!important;text-align:center;background:rgba(0,0,0,.3);font-size:.24rem;line-height:.4rem;color:#fff;word-spacing:1px;z-index:2;width:.9rem!important;height:.4rem;background:#000;opacity:.46;border-radius:.2rem}
.count-add span{ line-height:.42rem !important; margin-right:.08rem; }