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/jingjishi/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: 45px;font-size: 40px;color: #FF7E00;margin-left:18px;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;}



/**商品弹框**/
.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 {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;}
