@charset "utf-8";
body{font:400 14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",Helvetica,tahoma,Droid Sans Fallback,arial,STHeiti,Hiragino Sans GB, "\5B8B\4F53",sans-serif;margin:0 auto;color:#333;min-width:1200px;}

p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;}
a{text-decoration:none;color:#333;}
input,textarea,a,a:hover{outline:none;}
textarea{resize:none;}

.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.layout{width:1200px;margin:0 auto;}
.hide{display: none;}

.head-top{ width:100%; height:400px; background: url("/images/zhuanti/suishenxue/top.png") no-repeat center top #120374;}
.content-mod.blue{background:#aae6ff;}
.content-mod .product-type-mod{background: #D1ECFF;padding-bottom: 70px;}
.content-mod .product-type-mod .desc-box{width: 1245px;height:435px;box-shadow: 6px 0px 23px 0px #88CCEC;border-radius: 12px 12px 12px 12px; margin: 0 auto;}
.content-mod .product-type-mod .tit{font-weight: bold;font-size: 34px; color: #121A1E;text-align: center;padding:60px 0 50px;  }
.content-mod .product-type-mod .tit .package-price{color: #FF6000; margin-left: 17px;}
.content-mod .product-type-mod .tit:before{content:""; width: 184px; height: 28px; display: inline-block; vertical-align: middle; margin-right: 32px;background: url(/images/zhuanti/suishenxue/right-icon.png) no-repeat; content: "";background-size: 184px 28px; }
.content-mod .product-type-mod .tit:after{content:""; width: 184px; height: 28px; display: inline-block; vertical-align: middle; margin-left: 32px;background: url(/images/zhuanti/suishenxue/left-icon.png) no-repeat; content: "";background-size: 184px 28px; }
.content-mod .product-type-mod table{position:relative;z-index:1;border:1PX solid #ffffff;border-radius:12px;width:100%;background:linear-gradient(to right, #efe9ff, #d7feff);}
.content-mod .product-type-mod td{position: relative;text-align: center;height:57px;border-top:1px solid #dde3e3;border-right:1px solid #dde3e3;color: #121a1e;font-size:16px;}
.content-mod .product-type-mod table .tabtit{font-size: 18px;color: #333333;height:57px;}
.content-mod .product-type-mod table .tabtit th{position: relative;height:70px;border-right: 1px solid #dde3e3;}
.content-mod .product-type-mod table .tabtit th:last-child{border: none}
.content-mod .product-type-mod table .tabtit .name{font-size:18px;font-weight: normal;}
.content-mod .product-type-mod table .tabtit .tit-type{font-size:18px;margin-left: 15px;font-weight: bold;}
.content-mod .product-type-mod table .top-t1{border-top-left-radius: 12px;border-right: 1px solid #dde3e3;}
.content-mod .product-type-mod table .top-t4{border-top-right-radius: 12px;}
.content-mod .product-type-mod table .bot-t1{border-bottom-left-radius: 12px;}
.content-mod .product-type-mod table .bot-last{border-bottom-right-radius: 12px;}
.content-mod .product-type-mod table .tab-cols-bg01{background: #ffffff;height:1.2rem; font-size:0.347rem; }
.content-mod .product-type-mod table .tab-cols-bg01 .combine-cols{background: #fbf7ff;}
.content-mod .product-type-mod table .tab-cols-bg01 .year-combine-cols{border-right:none;background: #fef8ef;}
.content-mod .product-type-mod table .tab-cols-bg02{background: #fafbfd;}
.content-mod .product-type-mod table .tab-cols-bg03{background: #fafbfd;}
.content-mod .product-type-mod table .tab-cols-bg02 .combine-cols{background: #f5eefd;}
.content-mod .product-type-mod table .tab-cols-bg02 .year-combine-cols{border-right:none;background: #fdfcee;}
.content-mod .product-type-mod table tr em{font-weight: bold;}
.content-mod .product-type-mod .tips{color: #888888;font-size: 14px;margin-left: 50px;}
.product-type-mod .one-year-combination{position:absolute;top:-20px;right:0;z-index:9;width:100%;height:96px;color:#ffffff;background: url("/images/zhuanti/suishenxue/tr02.png") no-repeat;background-size:100% 100%; }
.product-type-mod .half-combination{position:absolute;top:-10px;z-index:9;width:100%;height:86px;color:#ffffff;background: url("/images/zhuanti/suishenxue/tr01.png") no-repeat;background-size:100% 100%; }
.product-type-mod .half-combination .description,.product-type-mod .one-year-combination .description{line-height: 76px;}
.product-type-mod .half-combination .product-name,.product-type-mod .one-year-combination .product-name{font-size:21px;}
.product-type-mod .half-combination .product-date{font-size:16px;letter-spacing: 1PX;margin-left: 12px;}
.product-type-mod .one-year-combination .product-date{font-size:16px;padding-top: 10px;letter-spacing: 1PX;margin-left: 12px;}
.product-type-mod .half-combination Strong,.product-type-mod .one-year-combination Strong{font-size:34px;}
.product-type-mod .combine-cols .half-discount{margin-left: -50px;}
.product-type-mod .discount-ico{background: url(/images/zhuanti/suishenxue/discount-ico.png) no-repeat; background-size: 100% 100%; width: 51px; margin-left:25px;height: 22px;position: absolute;  font-size: 12px; font-weight: bold;  color: #ffffff; text-align: center;  line-height: 22px;}
.product-type-mod .year-combine-cols .half-discount{margin-left: -95px;}
.product-type-mod .hot-ico{background: url(/images/zhuanti/suishenxue/hot-ico.png) no-repeat; background-size: 100% 100%; width: 130px; padding-left:14px;height:43px;top:3px;right:20px;position: absolute;  font-size: 12px; font-weight: bold; color: #ffffff; text-align: left;  line-height:50px;}
.product-type-mod .buy-btn{background: #feeaba;height:100px;font-size:16px;line-height: 110px;text-align:center;position: relative;top:-19px;border-radius: 12px;z-index: 0}
.product-type-mod .buy-btn em{font-size:33px;color:#ff6000;}
.product-type-mod .buy-btn a{display: inline-block;width: 150px;line-height:40px;height: 40px;border-radius: 60px;border: 1px solid #ff710c;color:#ff710c;margin-left: 40px;font-size: 18px;font-weight: bold;}



.content-mod01{width:100%;background: #EAF2FF;padding-bottom:40px;}
.content-mod01 .category-top h1{font-size: 34px;color: #121A1E;text-align: center;padding: 54px 0 37px 0;}
.content-mod01 .category-top h1:before{content:""; width: 184px; height: 28px; display: inline-block; vertical-align: middle; margin-right: 85px;background: url(/images/zhuanti/suishenxue/right-icon.png) no-repeat; content: "";background-size: 184px 28px; }
.content-mod01 .category-top h1:after{content:""; width: 184px; height: 28px; display: inline-block; vertical-align: middle; margin-left: 85px;background: url(/images/zhuanti/suishenxue/left-icon.png) no-repeat; content: "";background-size: 184px 28px; }
.content-mod01 .category-top ul{display: flex;justify-content: center;-webkit-justify-content: center;}
.content-mod01 ul li.bg-listen{background: url("/images/zhuanti/suishenxue/bg-listen.png") no-repeat center center;width:424px;height:238px;background-size: 100% 100%}
.content-mod01 ul li.bg-remember{background: url("/images/zhuanti/suishenxue/bg-remember.png") no-repeat center center;width:424px;height:238px;background-size: 100% 100%}
.content-mod01 ul li.bg-practice{background: url("/images/zhuanti/suishenxue/bg-practice.png") no-repeat center center;width:424px;height:238px;background-size: 100% 100%}
.content-mod01 li .con-intro{padding-top:94px;text-align: center;}
.content-mod01 li .con-intro h3{font-weight: bold;font-size: 18px; color: #1C2369;}
.content-mod01 li .con-intro p{font-weight: 400; font-size: 16px;color: #666666;padding-top: 15px;line-height: 30px;}
/* 表格 */

.content-mod01 .category-bottom{background: url("/images/zhuanti/suishenxue/bg01.png") no-repeat center center;background-size: 1312px 248px;background-position: 55% 100%;}
.content-mod01 .category-bottom h1{font-size: 34px;color: #121A1E;text-align: center;padding: 38px 0 46px 0;}
.content-mod01 .category-bottom h1 span{font-size: 34px;color: #2D3CFF;margin-left: 18px;}
.content-mod01 .category-bottom h1:before{content:""; width: 184px; height: 28px; display: inline-block; vertical-align: middle; margin-right: 48px;background: url(/images/zhuanti/suishenxue/right-icon.png) no-repeat; content: "";background-size: 184px 28px; }
.content-mod01 .category-bottom h1:after{content:""; width: 184px; height: 28px; display: inline-block; vertical-align: middle; margin-left: 48px;background: url(/images/zhuanti/suishenxue/left-icon.png) no-repeat; content: "";background-size: 184px 28px; }
.content-mod01 .category-bottom .desc-box{width: 1000px;margin: 0 auto;}
.content-mod01 .category-bottom td{text-align: center;}
.content-mod01 .category-bottom table .tabtit{height:56px;background: linear-gradient(-69deg, #4B82FE 0%, #276EFF 100%);border-radius: 12px;font-weight: 600;font-size: 20px;color: #FEFFFF;}
.content-mod01 .category-bottom table .top-t1{border-top-left-radius: 12px;}
.content-mod01 .category-bottom table .top-t4{border-top-right-radius: 12px;}
.content-mod01 .category-bottom table .bot-t1{border-bottom-left-radius: 12px;}
.content-mod01 .category-bottom table .bot-t4{border-bottom-right-radius: 12px;}
.content-mod01 .category-bottom table .tab-cols-bg01{background: #ffffff;height:48px; font-size:16px; }
.content-mod01 .category-bottom table .tab-cols-bg02{background: #FEFCEE;height:48px;font-size:16px;  }
.content-mod01 .category-bottom table tr em{font-weight: bold;}
.content-mod01 .category-bottom .tips{color: #888888;font-size: 14px;padding: 28px 0 0 50px;}

/*随身听*/
.ssx h1{font-size: 34px;color: #121A1E;text-align: center;padding-top:40px;}
.ssx h1:before{content:""; width: 184px; height: 28px; display: inline-block; vertical-align: middle; margin-right: 85px;background: url(/images/zhuanti/suishenxue/right-icon.png) no-repeat; content: "";background-size: 184px 28px; }
.ssx h1:after{content:""; width: 184px; height: 28px; display: inline-block; vertical-align: middle; margin-left: 85px;background: url(/images/zhuanti/suishenxue/left-icon.png) no-repeat; content: "";background-size: 184px 28px; }
.ssx .con .title{font-weight: bold;font-size: 22px;color: #1F1364;position: relative;z-index: 0;text-align: center;}
.ssx .con .description-tit{font-weight: 400;font-size: 14px;color: #666666;margin: 28px 0 25px 0;text-align: center;}
.ssx.suishenting-box{background: url("/images/zhuanti/suishenxue/sst/sst-bg.png") no-repeat center center;background-size: cover;width: 100%;height: 956px;}
.suishenting-box .sst-tit{font-size:18px;text-align: center;margin: 0 0 18px;}
.suishenting-box .sst-tit .digit{margin: 0 5px;color:#ff6000;font-size:36px;letter-spacing: 1PX;font-weight: bold;position: relative;z-index: 1;}
.suishenting-box .sst-tit .digit:after{width:25px;height:6px;display:block;vertical-align: middle;background: url("/images/zhuanti/suishenxue/digit-ico.png") no-repeat;content: "";background-size: 100% 100%;position: absolute;  bottom:5px; left: -2px; z-index: -1;}
.suishenting-box .sst-desc ul{display: flex;justify-content:center;-webkit-justify-content:center;}
.suishenting-box .sst-desc li{width:210px;height: 52px; background: url("/images/zhuanti/suishenxue/sst/sst-li-bg.png") no-repeat;background-size: 100% 100%;font-size:16px;color: #121a1e;line-height:52px;text-align: center;}
.suishenting-box .sst-desc li:not(:last-child){margin-right: 36px;}
.suishenting-box .sst-desc li i{width: 14px ;height: 14px;display: inline-block;margin-right: 9px;background: url("/images/zhuanti/suishenxue/sst/liCon.png") no-repeat;background-size: cover;}
.suishenting-box .sst-content{ border-radius: 12px;background: #fff;width: 1200px;margin: 30px auto 0;position: relative;display: flex;justify-content: space-around;-webkit-justify-content: space-around;}
.sst-content .item-mod {text-align: center;position: relative;padding-top: 40px;}
.sst-content .item-mod .desc {font-weight: bold;font-size: 22px;color: #1f1364;opacity: 0;position: relative;z-index: 1;}
.sst-content .item-mod.items01{background: #ffffff;}
.sst-content .item-mod.items02{background:linear-gradient(to right,rgba(241,244,254,0.6), rgba(238,255,254,0.6));padding: 40px 20px 0;}
.sst-content .item-mod.items01 .desc:after{content: "";background: url("/images/zhuanti/suishenxue/bottom-line.png") no-repeat center;width:175px;height:8px;background-size:cover;position: absolute;bottom: 1px;z-index: -1;left:92px;}
.sst-content .item-mod.items02 .desc:after{content: "";background: url("/images/zhuanti/suishenxue/bottom-line.png") no-repeat center;width:226px;height:8px;background-size:cover;position: absolute;bottom: 1px;z-index: -1;left:125px;}
.sst-content .item-mod.items03 .desc:after{content: "";background: url("/images/zhuanti/suishenxue/bottom-line.png") no-repeat center;width:226px;height:8px;background-size:cover;position: absolute;bottom: 1px;z-index: -1;left:70px;}
.sst-content .item-mod .tips {font-size: 14px;color: #666666;margin: 18px 0 25px;opacity: 0;}
.sst-content .items01 .con01-img1, .sst-content .items02 .con01-img1,.sst-content .items03 .con01-img1{opacity: 0;}
.sst-content .item-mod.items02 .sst-player{position: absolute;left: 50%;top: 50%;margin-top: -87px;margin-left: -62px;opacity: 0;}
.animate .item-mod .desc {opacity: 1;transition: all 1s ease;}
.animate .item-mod .tips {opacity: 1;transition: all 1s ease;transition-delay: 0.5s;}
.animate .items01 .con01-img1, .animate .items02 .con01-img1, .animate .items03 .con01-img1 {opacity: 1;transition: all 1s ease;transition-delay: 0.8s;}
.animate .sst-content .item-mod.items02 .sst-player {opacity: 1;transition: all 1s ease;transition-delay: 0.8s;}


/*随身记*/
.suishenji-box{background: url("/images/zhuanti/suishenxue/ssj/ssj-bg.png") no-repeat center center;background-size: cover;width: 100%;height: 890px;}
.suishenji-box .ssj-content{background: #ffffff;width: 1200px;height: 674px;margin: 45px auto 50px;border-radius: 12px;box-shadow: 6px 0px 23px 0px #88CCEC;}
.suishenji-box .ssj-content .title{position: relative;top:50px;text-align: center;}
.suishenji-box .ssj-content .title h2{color: #1f1364;font-size: 22px;font-weight: bold;}
.suishenji-box .ssj-content .title h2 em{color: #ff6000;font-weight: bold;font-size: 36px;position: relative;}
.suishenji-box .ssj-content .digit:after{width:25px;height:6px;display:block;vertical-align: middle;background: url("/images/zhuanti/suishenxue/digit-ico.png") no-repeat;content: "";background-size: 100% 100%;position: absolute;  bottom:5px; left: -2px; z-index: -1;}
.suishenji-box .ssj-content .title p{color: #999999;font-size: 14px;}
.suishenji-box .ssj-content .content{position: relative;padding: 0 85px;display: flex;justify-content: space-between;-webkit-justify-content: space-between;top: -10px;}
.suishenji-box .ssj-content .content .data-statistics h4{font-size: 16px;font-weight: bold;margin-bottom: 20px;}
.suishenji-box .ssj-content .content .data-statistics h4 i{background: url("/images/zhuanti/suishenxue/ssj/num-ico.png") no-repeat center center;background-size: cover;width: 48px;height: 32px;display: inline-block;font-weight: bold;font-size: 22px;line-height: 32px;text-align: center;color: #ffffff;margin-right: 10px;}
.suishenji-box .ssj-content .content .data-statistics.bottom-it{padding-top: 70px;}
.suishenji-box .ssj-content .content .middleCon{margin-top: 80px;}
.animate .ssj-img1,.animate .ssj-img2,.animate .ssj-img3,.animate .ssj-img4{
    animation: bounceIn 3s forwards alternate ease-in-out;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite; /*动画播放的次数*/
}


/*随身练*/
.ssx.suishenlian-box{background: url("/images/zhuanti/suishenxue/ssl/ssl-bg.png") no-repeat center center;background-size: cover;width: 100%;height: 750px;}

.suishenlian-box .ssl-tit{font-size:18px;text-align: center;margin-bottom: 30px;}
.suishenlian-box .ssl-tit .digit{margin: 0 5px;color:#ff6000;font-size:36px;letter-spacing: 1PX;font-weight: bold;position: relative;z-index: 1;}
.suishenlian-box .ssl-tit .digit:after{width:25px;height:6px;display:block;vertical-align: middle;background: url("/images/zhuanti/suishenxue/digit-ico.png") no-repeat;content: "";background-size: 100% 100%;position: absolute;  bottom:5px; left: -2px; z-index: -1;}
.suishenlian-box .con{width: 1200px;height:495px;margin: 0 auto;display: flex;justify-content: center;background: #ffffff;border-radius: 12px;}
.suishenlian-box .con .ssl-left{ margin: 12px 0px 0 60px;width: 450px; }
.suishenlian-box .con .ssl-right{background:linear-gradient(to right,rgba(247,250,254,0.6), #f7fffe); border-radius: 12px;padding: 70px 0 0 50px;width: 640px;position: relative;}
.suishenlian-box .con .ssl-right .content-desc h3{margin-bottom: 22px;font-weight: bold;font-size: 18px;color: #333333;opacity: 0;}
.suishenlian-box .con .ssl-right .content-desc .bottom-items h3{opacity: 0;}
.suishenlian-box .con .ssl-right .content-desc h3 i{content: "";background: #3f77ff;width: 6px;height: 6px;margin-bottom: 4px;margin-right: 8px;border-radius: 50%;display: inline-block;}
.suishenlian-box .con .ssl-right .content-desc p{font-size: 14px;color: #666666;opacity: 0;}
.suishenlian-box .con .ssl-right .top-items{margin-bottom: 274px;}
.suishenlian-box .con .ssl-right .content-desc{float: left; width: 310px;}
.suishenlian-box .con .ssl-right .content-desc.marRight{ position: relative;right: -75px;}
.suishenlian-box .con .ssl-right .center-items{position: absolute;left: 50%;margin-left: -150px;top: 170px;text-align: center;}
.suishenlian-box .con .ssl-right .center-items h2{font-size: 22px;color:#1f1364;font-weight: bold;text-align: center}
.suishenlian-box .circle-mod{background: url("/images/zhuanti/suishenxue/ssl/ssl-circle.png") no-repeat;width:449px;height: 120px;position: relative;top: -80px;left: 50%;margin-left: -210px;z-index: 1;}
.suishenlian-box .circle-mod .img-item{display: flex;justify-content: center;-webkit-justify-content: center;    position: absolute;left: -13px;top: 35px;}
.suishenlian-box .circle-mod .img-item li{width:70px;height:70px}
.suishenlian-box .circle-mod .img-item li .ssl-01{margin-top:0;}
.suishenlian-box .circle-mod .img-item li .ssl-02{margin-top: -40px;}
.suishenlian-box .circle-mod .img-item li .ssl-03{margin-top: -60px;}
.suishenlian-box .circle-mod .img-item li .ssl-04{margin-top: -40px;}
.suishenlian-box .circle-mod .img-item li .ssl-05{margin-top: 0px;}

.posterImg{ width: 398px; margin-top:25px;}
.posterImg .swiper-container{ width: 398px; height:398px;}
.posterImg .swiper-slide{ width:213px; position:relative; height:auto;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s; margin-top:10px;}
.posterImg .swiper-slide img{ display:block;border-radius: 10px;}
.posterImg .swiper-slide-visible{ z-index:19;}
.posterImg .swiper-slide-active{top:0;opacity:1; margin-top:0;}
.posterImg .swiper-slide-active{top:0;opacity:1; margin-top:-10px;border-radius: 10px;}
.posterImg .swiper-slide:before{ content:""; width:100%; height:398px; position:absolute; left:0; top:0; background:rgba(0,0,0,.3);}
.posterImg .swiper-slide-active:before{ display:none;}
.posterImg .prve-btn{left:-27px;z-index: 99; top:150px;width:44px;height:44px;background: url(/images/zhuanti/qiantizhan/03/left.png) no-repeat;background-size:100% 100%; }
.posterImg .next-btn{right:-27px;z-index: 99; top:150px;width:44px;height:44px;background: url(/images/zhuanti/qiantizhan/03/right.png) no-repeat;background-size:100% 100%; }
.animate.suishenlian-box .con .ssl-right .top-items .content-desc h3{opacity: 1;transition: all 0.5s ease;}
.animate.suishenlian-box .con .ssl-right .top-items .content-desc p{opacity: 1;transition: all 1s ease;transition-delay: 0.5s;}
.animate.suishenlian-box .con .ssl-right .bottom-items .content-desc h3{opacity: 1;transition: all 1s ease;transition-delay: 1.0s;}
.animate.suishenlian-box .con .ssl-right .bottom-items .content-desc p{opacity: 1;transition: all 1s ease;transition-delay: 1.2s;}

.buy-tips{width: 100%;padding-bottom: 20px;background: linear-gradient(50.72deg, #E1FAFF 0%, #DAF9FF 100%);border-radius: 1px;text-align: center;}
.buy-tips h1{font-weight: bold; font-size: 30px;color: #1D2020;padding: 30px 0 10px 0;}
.buy-tips h1:before{width:26px;height:15px;display: inline-block;vertical-align: middle;margin-right:32px;background: url(/images/zhongjizhicheng/zhuanti/suishenlian/left.png) no-repeat;content: "";background-size: 26px 15px;}
.buy-tips h1:after{width:26px;height:15px;display: inline-block;vertical-align: middle;margin-left:32px;background: url(/images/zhongjizhicheng/zhuanti/suishenlian/right.png) no-repeat;content: "";background-size: 26px 15px;}
.buy-tips .content{font-size: 16px;color: #1D2020;margin: 15px auto;width: 1200px;text-align: left;line-height: 44px;padding-left:55px;}
.buy-tips .studyRegFlow-list{height: 247px;width: 1200px;margin: 0 auto;}
.buy-tips .studyRegFlow-list .pic{text-align:center;}
.buy-tips .studyRegFlow-list .pic img{ width:1084px;height:247px; }
.buy-tips .studyRegFlow-list .text{ text-align:center; position: relative;position: relative;top: -37px;display: flex;justify-content: space-around;}
.buy-tips .studyRegFlow-list .text p{ display:inline-block;font-size: 16px;color: #1d2020;}





.bottom-fixed{width:100%;height: 80px; background: rgba(18,26,30,0.8);position: fixed;bottom: 0;display: flex;justify-content: center;z-index: 10;}
.bottom-fixed h3{font-family: Microsoft YaHei;margin-right: 92px;font-weight: bold;font-size: 30px;color: #1B3289;line-height: 80px;font-style: italic;background: linear-gradient(-90deg, #FFF7B9 0.146484375%, #FFD297 98.5107421875%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding-right:10px;}
.bottom-fixed .price-btn{ width: 235px; height: 50px; margin-top: 15px; background: linear-gradient(-90deg, #FFF7D4 0%, #FFF594 100%);border-radius: 25px;position: relative;z-index: -1; margin-right: -78px;}
.bottom-fixed .price-btn span{line-height: 43px;font-weight:400;font-size: 18px;color: #FF7E00;margin-left:26px;}
.bottom-fixed .price-btn span em{font-size: 25px;font-weight: bold;}
.bottom-fixed .buy-btn{width: 224px;height: 50px; margin-top: 15px; background: linear-gradient(-90deg, #FA9028, #FA5627);border-radius: 25px;text-align: center;line-height: 50px;font-weight: 600; font-size: 22px;color: #FFFFFF;position: relative; z-index: 0;}

/**商品弹框**/
.dialogFixed {width: 100%;position: fixed; left: 0;top: 0}
.choice-mask {position: fixed;left: 0;top: 0;right: 0; bottom: 0; background: rgba(0,0,0,.6); z-index: 10; display: none; cursor: pointer}
.choiceCoursesMod {display:none;width:617px;background: #fff;bottom: 10%; border-radius: 14px; position: fixed;z-index: 99;left: 50%;margin-left: -305px;}
.choiceCoursesMod .choice-head {height: 1rem;  line-height: 1rem; margin: 0 30px;}
.choiceCoursesMod .choice-close {width: 21px; height: 21px; line-height:60px;overflow: hidden; position: absolute; right: 20px; top: 10px; background: url(/images/zhuanti/suishenxue/choice-close.png) no-repeat center center;background-size: 21px 21px}
.choiceCoursesMod .choice-body { padding: 10px 0 0 40px;}
.choiceCoursesMod .choice-item .item-hd {margin-bottom: 15px; position: relative; z-index: 1}
.choiceCoursesMod .choice-item .item-hd strong {font-size: 18px;color: #333333;display: inline-block;}
.choiceCoursesMod .choice-item .item-hd span{ margin-right:14px;color:#f00; letter-spacing: 1PX;}
.choiceCoursesMod .choice-item .item-hd .hot{width:48px; height: 18px;line-height: 18px;position: absolute;top: 27px; left: 0;text-align:center;font-size:12px;color:#ffffff;background: linear-gradient(90deg, #F5135E 6%, #FE5C31 95%);border-radius: 14px 14px 14px 0;}
.choiceCoursesMod .choice-item ul {font-size: 0}
.choiceCoursesMod .choice-item ul li {margin: 0 10px 10px 0;  display: inline-block; position: relative;overflow: hidden}
.choiceCoursesMod .choice-item ul li.disabled{ color: #999999; background: #FAFAFA;border:1px solid rgba(219,219,219,0.8);}
.choiceCoursesMod .choice-item ul li input {position: absolute;left: -30px; top: -30px;}
.choiceCoursesMod .choice-item ul li{padding: 10px 13px; border:1px solid #ebebeb; background: #FFFFFF; color: #333;font-size: 14px;vertical-align: top; display: inline-block; -webkit-border-radius:6px; border-radius: 6px;}
.choiceCoursesMod .choice-item ul li label{font-size: 14px;color: #333333;}
.choiceCoursesMod .choice-item ul li.on { overflow: hidden;background: url(/images/zhongjizhicheng/zhuanti/suishenji/selectImg.png) no-repeat right bottom #FFF3E1;background-size: 32px 28px; border: 1px solid #FF8A00;}
.choiceCoursesMod .choice-item ul.productTypeInfo{position: relative;}
.choiceCoursesMod .choice-tips {margin: 10px 0 34px 40px; width: 535px;height: 54px; background: #F7F7F7;color: #FF7D34; border-radius:11px; color: #FF7D34;font-size: 14px;padding-left: 16px;line-height: 54px;}
.choiceCoursesMod .choice-foot {display: flex; justify-content: space-between;-webkit-justify-content: space-between; margin: 0 30px 27px 30px;left: 0;right: 0;  bottom: 0;z-index: 10; text-align: center;}
.choiceCoursesMod .choice-foot h1{  font-weight:400; font-size: 24px;color: #FF7D34;padding-right:70px;}
.choiceCoursesMod .choice-confirm {font-weight: 600; font-size: 20px;color: #FFFFFF; width: 223px;height: 52px;background: linear-gradient(to right,#FF6A2C, #FFB54A);border-radius: 26px;text-align: center;line-height: 52px;}
/* 分享弹窗 */
.share-pop {display: none; width: 410px; height: 400px;position: fixed;  margin-top: -282px; left: 50%; margin-left: -205px; top: 50%;z-index: 101; background: url(/images/zhuanti/suishenxue/share-bg.png) no-repeat center top;background-size: cover;}
.share-pop h3{color: #fb244f;font-size: 20px;font-weight: bold;margin-top: 88px;text-align: center;}
.share-pop p{font-size: 14px;color: #bc654a;text-align:center;padding: 154px 0 9px;}
.share-pop .wechat-pic{text-align: center;padding: 14px;width: 140px;margin: 10px auto 0;text-align: center;}
.share-pop .wechat-pic img{width: 140px;height: 140px;}
.share-pop .closeSharePop{background: url(/images/zhuanti/suishenxue/close-btn.png) no-repeat; background-size: 100% 100%;width: 35px;height: 35px;display: block;float: right;margin: 20px 35px 0 0;}

@keyframes bounceIn {
    0% {
        transform: scale(1);
        /* 动画开始时的状态，字体大小不变 */
    }
    50% {
        transform: scale(1.2);
        /* 动画开始时的状态，字体大小不变 */
    }
    100% {
        transform: scale(1.5);
        /* 动画结束时的状态，字体放大2倍 */
        opacity: 1;
        /* 透明度为0，文本不可见 */
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.buy-slide .getCourseBuyList-con {position: absolute;left: 120px;width:400px;}

.getCourseBuyList-con .order-container {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    width:400px;
    height: 25px;
}

.getCourseBuyList-con img {
    display: block;
    width: 20px;
    height:20px;
    float: left;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #f5c485;
}

.getCourseBuyList-con p {
    display: block;
    margin-left: 30px;
    font-size:14px;
    text-align: left;
    line-height:25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}




.getCourseBuyList-con .order-item {
    position: absolute;
    top: 10px;
    right: 0;
    width: 100%;
    height: 25px; /* 与.marquee-container高度相同 */
    line-height: 25px; /* 垂直居中文本 */
    text-align: center; /* 水平居中文本 */
    opacity: 0;
    transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* 滚动特效 */
    transform: translateY(-150%); /* 初始位置在视口上方 */
    color: #fff;
    width: auto !important;
    overflow: hidden;
    background: rgba(0, 0, 0, .6);
    border-radius: 20px;
    padding: 5px 10px;
    margin: 0 0 0 26px;
}

.order-item.active {
    opacity: 1;
    transform: translateY(0); /* 滚动到视口内 */
}