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; background:url("/images/zhucekuaijishi/zhuanti/suishenji/bg.jpg") no-repeat;background-size:100% 100%}

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;}
.timeAxis-mod li i,.common-pop .pop-con .close-btn,.getReady-mod .con .icon,.liveSeckill-mod .video-list-main .video-list-date-panel,.liveSeckill-mod .live-state-mod .btns-play a i,.common-pop .pop-tit .close-btn{background:url("//www.chinaacc.com/images/zhucekuaijishi/zhuanti/bmztc/ico.png") no-repeat;}
.enroll-flow i,.courseNew-mod .price-sale i{background:url("//www.chinaacc.com/images/template/signUpSpecial/ico-v1.png") no-repeat;}
.header-wrap{ background: #fff;}
.title{ height:68px; line-height:68px;}
.title h3{ float:left; padding-left:16px; font-size:24px; color:#333; position:relative;}
.title h3 i{ display:block; width:5px; height:20px; background:#578EEF; position:absolute; left:0; top:25px;}
.title .more-btn{ float:right; color:#578EEF;}
.title .rule-btn{ float: right; font-size: 16px;}

/**/
.topHeader-wrap{ width:100%; height:520px; background:url("/images/zhucekuaijishi/zhuanti/suishenji/top.png") no-repeat center top;background-size: cover;}
.category-mod{width: 1200px;background: #FFFFFF;border-radius: 22px;margin: 0 auto; position: relative;  top: -120px;}
.category-mod .topPic{width: 673px;height: 62px;margin: 0 auto;display: flex;justify-content: center;align-items: center;padding: 38px 0 20px;}
.category-mod ul{display: flex; justify-content: center;}
.category-mod li{background: url(/images/zhucekuaijishi/zhuanti/suishenji/bj01.png) no-repeat center;margin-right:47px;background-size:240px 230px;width:240px;height:230px;}
.category-mod li:nth-child(4){margin-right: 0}
.category-mod li .item-list{margin-top: 35px;}
.category-mod li .item-list img{width:77px;height:76px;display: flex;justify-content: center;margin: 0 auto;}
.category-mod li .con01{text-align:center;font-weight: 400;font-size:24px;color: #121A1E; margin: 15px 0 5px;}
.category-mod li .con02{text-align:center;font-weight: 400;font-size: 16px; color: #666666;}

.con-list{display:inline-block;margin: 30px 50px;}
.con-list .bg01{background: url(/images/zhucekuaijishi/zhuanti/suishenji/bg02.png) no-repeat center;float: left;margin-right: 30px;margin-bottom: 30px; background-size: cover;width: 530px;height: 615px;}
.con-list .bg02{background: url(/images/zhucekuaijishi/zhuanti/suishenji/bg03.png) no-repeat center;float: right;background-size: cover;width: 530px;height: 615px;}
.con-list .step-item p {font-family: FZLanTingHeiS-R-GB;font-weight: 400; font-size: 16px; color: #333333; padding: 0 0 20px 87px;}
.con-list .step-item .titPic{padding: 31px 0 28px 23px;}
.con-list .step-item .conPic{margin: 0 auto;display: flex; justify-content: center;}

.tips{width: 1200px;  background: #FFFFFF;border-radius: 22px;margin: 0 auto;margin: 0 auto; margin-top: -95px; margin-bottom: 42px;padding-bottom:40px;}
.tips h1{font-weight: 600; font-size: 26px;color: #1D2020;padding: 36px 0 10px 63px;}
.tips p{padding-left: 63px;font-weight: 400; font-size: 16px;color: #1D2020;line-height: 38px;}

.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: 268px; height: 50px; margin-top: 15px; background: linear-gradient(-90deg, #FFF7D4 0%, #FFF594 100%);border-radius: 25px;position: relative;z-index: -1; margin-right: -105px;}
.bottom-fixed .price-btn span{font-family: DIN Alternate;font-weight: bold;line-height: 50px;font-size: 40px;color: #FF7E00;margin-left:26px;background: linear-gradient(-90deg, #FA8D28 0%, #F85222 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.bottom-fixed .price-btn span em{font-size: 20px;}
.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;}



/* 解锁课程弹框 */
.unlockTk{ display: none; width:479px; background: #fff; bottom: 10%;border-radius: 14px; position: fixed; z-index: 99;left:50%;margin-left: -241px;}
.unlockTk .xx{ display: block; position: absolute; top: 30px; right: 20px; width: 20px; height: 20px; background: url(/images/zhucekuaijishi/zhuanti/suishenji/icon_18.png) no-repeat center; background-size:20px 20px; z-index: 8;}
.unlockTk .tit{ margin: 25px 0 17px 24px;font-weight: 600;font-size: 20px;color: #333333;}
.unlockTk .tit em{ display: inline-block; font-size: 14px; color: #FE3131; font-weight: 400;}
.unlockTk .curBox{  margin: 0 auto;}
.unlockTk .curBox .chkName{float: left; display: block; position: relative; z-index: 1;width: 210px;height: 49px; line-height:49px; text-align: center; font-size: 16px; color: #333; border:1px solid #ebebeb; margin:0 0 14px 20px; border-radius:7px; overflow: hidden;}
.unlockTk .curBox .chkName.on{overflow: hidden;background: url(/images/zhucekuaijishi/zhuanti/suishenji/selectImg.png) no-repeat right bottom #FFF3E1;background-size:29px 25px; border: 1PX solid #FF8A00;}
.unlockTk .curBox .chkName.disabled{ border:1px solid #F2F7F7; color:#96A9AA; background: #F2F7F7;}
.unlockTk .curBox .chkName .coursechk{ position:absolute; left:-30px; top:-30px;}
.unlockTk .total{ height: 40px; font-size:24px; color: #666; margin: 0 30px 40px;}
.unlockTk .total .num,.unlockTk .total .price{ font-size: 36px; color: #F53E24; font-weight: 700;}

.unlockTk .bBox{display: flex;justify-content: center;}
.unlockTk .bBox .btn02{display:block;width: 223px;height: 52px;  line-height: 52px; text-align: center; font-size: 23px; color: #fff;font-weight: 600; border-radius: 40px;background: linear-gradient(90deg, #FF6A2C, #FFB54A);margin: 14px 0 14px 0;}
.unlockTk .bBox .btn02.on{background: #F2F7F7;color: #96A9AA;}
.unlockTk .bBox h1{line-height: 80px;font-weight: 600;font-size: 36px;color: #FFFFFF; margin-right: 60px;}
.unlockTk .bBox h1 Strong{font-weight: 400;font-size: 36px; color: #FF7D34;}
.unlockTk .bBox del{margin-right:24px;color: #999999;font-size: 24px; }
.unlockTk .desc-con{background: #F7F7F7;border-radius:9px;margin:0 20px;font-size: 14px;color: #999999;padding:9px;}


.mask{ display: none; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); position:fixed; top:0; left:0; z-index:98;}