@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;
background: #C9F4FD;
}

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;}

/**/
.head-top{height: 585px;background: #C9F4FD;}
.head-top .topHeader-wrap{ width:100%; height:462px; background:url("/images/zhucekuaijishi/zhuanti/suishenlian/top.png") no-repeat center top;background-size: cover;}
.head-top .topHeader-wrap img{ width:1248px; height:168px;display: flex;justify-items: center;margin: 0 auto;padding-top: 293px;}
.head-top .q-desc {background: url("/images/zhongjizhicheng/zhuanti/suishenlian/q-desc.png") no-repeat center;background-size:867px 68px;width: 867px; height: 68px;margin: 18px auto 38px auto;display: flex;justify-items: center;}

.category-mod{width:100%;margin: 0 auto; position: relative; background: #C9F4FD;}
.category-mod ul{display: flex; justify-content: center;}
.category-mod .pb01{background: url(/images/zhongjizhicheng/zhuanti/suishenlian/bj01.png) no-repeat center;background-size:315px 203px;width:315px;height:203px;}
.category-mod .pb02{background: url(/images/zhongjizhicheng/zhuanti/suishenlian/bj02.png) no-repeat center;background-size:315px 203px;width:315px;height:203px;}
.category-mod .pb03{background: url(/images/zhongjizhicheng/zhuanti/suishenlian/bj03.png) no-repeat center;background-size:315px 203px;width:315px;height:203px;}
.category-mod .pb04{background: url(/images/zhongjizhicheng/zhuanti/suishenlian/bj04.png) no-repeat center;background-size:315px 203px;width:315px;height:203px;}
.category-mod li:nth-child(4){margin-right: 0}
.category-mod li .item-list{color: #FFFFFF;font-size: 24px;margin:12px 0 0 41px;text-align: center;font-family: FZLTCHJW--GB1, FZLTCHJW--GB1;font-weight: normal;text-transform: none;font-style: normal;}
.category-mod li .center{margin-top: 12px !important}
.category-mod li .con01{text-align:center;font-weight: 0;font-size:18px;color: #333333; margin: 40px 0 5px;}
.category-mod li .con02{text-align:center;font-weight: 0;font-size: 18px; color: #333333}

.category-mod .q-desc2{background: url("/images/zhucekuaijishi/zhuanti/suishenlian/q-desc2.png") no-repeat center;background-size:1007px 76px;width:1007px;height:76px;margin: 37px auto 41px;display: flex;justify-items: center;}

.category-mod .con-list {margin: 0 auto; width: 1200px;padding-bottom: 13px;}
.category-mod .con-list .first-item{margin-bottom: 33px;}
.category-mod .con-list .first-item img{height:120px;width: 1200px;}
.category-mod .con-list .first-content{background: #FFFFFF;border-radius: 26px;margin-top: -20px;}
.category-mod .con-list .first-content.borderStyle{border-radius:0;}
.category-mod .con-list .first-content .top-mod{padding: 0 50px;}
.category-mod .con-list .first-content .top-mod .left {width: 540px;height: 630px;background: url("/images/zhucekuaijishi/zhuanti/suishenlian/fenlu.png")no-repeat;background-size: 540px 630px;float: left;position: relative;}
.category-mod .con-list .first-content .top-mod .right {width: 540px;height: 630px;background: url("/images/zhucekuaijishi/zhuanti/suishenlian/keguanti.png")no-repeat;background-size: 540px 630px;float: right;position: relative;}

.category-mod .con-list .first-content.con .top-mod .left {width: 540px;height: 653px;background: url("/images/zhucekuaijishi/zhuanti/suishenlian/jiexi.png")no-repeat;background-size: 540px 653px;float: left;position: relative;}
.category-mod .con-list .first-content.con .top-mod .right {width: 540px;height: 630px;background: url("/images/zhucekuaijishi/zhuanti/suishenlian/error.png")no-repeat;background-size: 540px 630px;float: right;position: relative;}
.category-mod .con-list .first-content.con .top-mod h1{top:29px}


.category-mod .con-list .first-content .third-content{height: 336px;background: url("/images/zhucekuaijishi/zhuanti/suishenlian/moni.png") no-repeat center;background-size:100% 100%;margin:20px 40px 0;}
.category-mod .con-list .first-content .third-content h1{padding-left: 88px;line-height: 66px;}
.category-mod .con-list .first-content .third-content p{font-size: 18px;padding: 40px 0 0 61px;line-height: 30px;}
.category-mod .con-list .top-mod h1{text-transform: none;font-size: 26px;line-height: 18px;left: 88px;top: 26px;position: absolute;color: #121A1E;font-style: normal;font-family: FZLTCHJW--GB1, FZLTCHJW--GB1;}
.category-mod .con-list span{color: red;font-weight: bold;}
.category-mod .con-list .top-mod p{font-size: 18px;top: 81px;position: absolute;left: 30px;line-height: 30px;}
.category-mod .con-list .bottom img{width: 1200px;height: 38px;}
.category-mod .con-list .bottom.bg01{width: 1200px;background: linear-gradient(-90deg, #A7F6FF 21%, #8CE2FE 95%); border-radius: 30px;}



.tips{width: 100%;margin:0 auto;height: 240px;background: linear-gradient(to bottom, rgba(167,224,252,1), rgba(143,238,255,0.5));border-radius: 1px;text-align: center;}
.tips h1{font-weight: normal; font-size: 30px;color: #1D2020;padding: 30px 0 50px 0;}
.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;}
.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;}
.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: 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;}