@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/jingjishi/zhuanti/suishenxue/top.jpg") no-repeat center top;background-size:cover;}
.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/jingjishi/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/jingjishi/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/jingjishi/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/jingjishi/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/jingjishi/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/jingjishi/zhuanti/suishenxue/bg01.png") no-repeat center center;background-size: 1309px 201px;background-position:55% 70%;}
.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: #6243fd;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/jingjishi/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/jingjishi/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 table{box-shadow: 10px 0 35px 0 #AE95F2;border-radius:18px;width:1000px;height:56px;background:url(/images/jingjishi/zhuanti/suishenxue/tr-bg.png) no-repeat;background-size:1000px 56px;}
.content-mod01 .category-bottom td{text-align: center;}
.content-mod01 .category-bottom table .tabtit{height:56px;font-weight: bold;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 table .t-cen.update{position:relative;}
.content-mod01 .category-bottom table .t-cen.update i{background: url(/images/jingjishi/zhuanti/suishenxue/lable-ic.png) no-repeat;background-size:49px 20px;width:49px;height:20px;    display: inline-block;top: -3px; position: absolute;right: 29px;}
.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/jingjishi/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/jingjishi/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/jingjishi/zhuanti/suishenxue/sst-bg.png") no-repeat center center;width: 100%;height: 848px;    margin-top: -5px;}
.ssx.suishenting-box .con{margin: 80px auto 0; width: 1200px;text-align: center;}
.ssx.suishenting-box .con .left-container .title:after{content: "";background: url("/images/jingjishi/zhuanti/suishenxue/bottom-line.png") no-repeat center;width:226px;height:8px;background-size: 226px 8px;position: absolute;bottom: 0;z-index: -1;left:185px}
.ssx.suishenting-box .con .right-container .title:after{content: "";background: url("/images/jingjishi/zhuanti/suishenxue/bottom-line.png") no-repeat center;width:226px;height:8px;background-size: 226px 8px;position: absolute;bottom: 0;z-index: -1;left:130px}
.ssx.suishenting-box .left-container{padding-left: 40px;}
.ssx.suishenting-box .right-container{padding-right: 60px;}
.ssx.suishenting-box .right-container .pic{position: relative;right: -23px;}

/*随身记*/
.ssx.suishenji-box{background: url("/images/jingjishi/zhuanti/suishenxue/ssj-bg.png") no-repeat center center;margin-top: -5px;width: 100%;height: 814px;}
.ssx.suishenji-box .con{margin: 80px auto 0; width: 1200px;text-align: center;}
.ssx.suishenji-box .con .left-container .title:after{content: "";background: url("/images/jingjishi/zhuanti/suishenxue/bottom-line.png") no-repeat center;width:226px;height:8px;background-size: 226px 8px;position: absolute;bottom: 0;z-index: -1;left:164px}
.ssx.suishenji-box .con .right-container .title:after{content: "";background: url("/images/jingjishi/zhuanti/suishenxue/bottom-line.png") no-repeat center;width:226px;height:8px;background-size: 226px 8px;position: absolute;bottom: 0;z-index: -1;left:202px}
.ssx.suishenji-box .left-container{padding-left: 70px;}
.ssx.suishenji-box .right-container{padding-right: 60px;}
.ssx.suishenji-box .right-container .pic{position: relative;right: -30px;}

/*随身练*/
.ssx.suishenlian-box{background: url("/images/jingjishi/zhuanti/suishenxue/ssl-bg.png") no-repeat center center;margin-top: -5px;width: 100%;height: 802px;}
.ssx.suishenlian-box .con{margin: 80px auto 0; width: 1200px;display:flex;justify-content: space-between;-webkit-justify-content: space-between; }
.ssx.suishenlian-box .left-container{padding-left: 40px;}
.ssx.suishenlian-box .right-container .pic{position: relative;right: -40px;}
.ssx.suishenlian-box .con .left-container .title:after{content: "";background: url("/images/jingjishi/zhuanti/suishenxue/bottom-line.png") no-repeat center;width:226px;height:8px;background-size: 226px 8px;position: absolute;bottom: 0;z-index: -1;left:140px}
.ssx.suishenlian-box .con .right-container .title:after{content: "";background: url("/images/jingjishi/zhuanti/suishenxue/bottom-line.png") no-repeat center;width:226px;height:8px;background-size: 226px 8px;position: absolute;bottom: 0;z-index: -1;left:165px}

.buy-tips{width: 100%;margin:-3px auto 0;height: 276px;background: linear-gradient(to right,#e6f6fe,#e3e4fd );border-radius: 1px;text-align: center;}
.buy-tips h1{font-weight: normal; font-size: 30px;color: #1D2020;padding: 30px 0 50px 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: 0 auto;width: 1200px;text-align: left;line-height: 44px;}

.bottom-fixed{width:100%;height: 80px; background: rgba(18,26,30,0.8);position: fixed;bottom: 0;display: flex;justify-content: center;}
.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: -88px;}
.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/jingjishi/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 {ffont-size: 18px;color: #333333;display: inline-block;}
.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;}