/*
@author: sunke
*/
body,input,textarea,button{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","PingFang SC","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
body{margin:0 auto;color:#333;min-width:1200px;background:#fff;}
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;}
a:hover{text-decoration:underline;}
input,button,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;}

/**/
.topHeader-wrap{ width:100%; height:310px; background:url("/images/kuaijishiwu/zhuanti/freeCourse/header2023.jpg") no-repeat center top;}

/**/
.freeCourse-mod{}
.freeCourse-mod .tab-tit-fix{ height:100px; display:none;}
.freeCourse-mod .tab-tit{ padding:20px 0 0;}
.freeCourse-mod .tab-tit .btn{ display:block; float:left; width:380px; height:60px; line-height:60px; text-align:center; font-size:24px; color:#ff7500; text-decoration:none; background:#fff1da; border-radius:12px; margin-right:30px;}
.freeCourse-mod .tab-tit .btn:last-child{ margin-right:0;}
.freeCourse-mod .tab-tit .btn.on{ color:#fff; font-weight:bold; background:#ff4810; background-image:-webkit-linear-gradient(left, #ff4810, #fd913e); background-image:-moz-linear-gradient(left, #ff4810, #fd913e); background-image:linear-gradient(left,#ff4810,#fd913e);}
.freeCourse-mod .tab-tit.visible-tags{ width:1200px; position:fixed; left:50%; margin-left:-600px; top:0; z-index:69; padding-top:0;}
.freeCourse-mod .tab-con{ border-radius:12px; padding:30px 30px 29px 29px; border:1px solid #ececec; box-shadow:0 6px 12px #edecec; margin-top:20px; position:relative;}
.freeCourse-mod .tab-con .fix-tips{ position:absolute; right:49px; top:0;}
.freeCourse-mod .tab-con .pic{ float:left; width:320px;}
.freeCourse-mod .tab-con .con01{ float:right; width:780px;}
.freeCourse-mod .tab-con .con01 h3{ line-height:45px; font-size:28px;}
.freeCourse-mod .tab-con .con01 .text{ font-size:16px; color:#666; line-height:24px; padding-top:8px;}
.freeCourse-mod .tab-con .con01 .tips{ padding:13px 0 0 0;}
.freeCourse-mod .tab-con .con01 .tips span{ display:block; float:left; height:46px; line-height:46px; font-size:20px; color:#ff6c00; font-weight:bold; padding:0 19px; background:#fff6e6; border-radius:10px; border:1px dotted #ffc582; position:relative; margin-right:40px;}
.freeCourse-mod .tab-con .con01 .tips span:before{ content:""; width:21px; height:21px; position:absolute; right:-30px; top:13px; background:url("/images/kuaijishiwu/zhuanti/freeCourse/course-ico01.png") no-repeat;}
.freeCourse-mod .tab-con .con01 .tips span:last-child:before{ display:none;}
.freeCourse-mod .tab-con .con01 .tit01{ line-height:52px; padding-top:3px; font-size:16px; font-weight:bold; border-top:1px solid #e4e4e4; margin-top:20px;}
.freeCourse-mod .tab-con .con01 .tit01 span{ display:block; float:right; line-height:45px; font-size:14px; font-weight:normal; color:#999;}
.freeCourse-mod .tab-con .con01 .list{ width:810px;}
.freeCourse-mod .tab-con .con01 .list .btn{ display:block; float:left; width:178px; height:38px; line-height:38px; position:relative; text-align:center; font-size:16px; text-decoration:none; margin:0 20px 10px 0; border:1px solid #d5d5d5;}
.freeCourse-mod .tab-con .con01 .list .btn.on{ border-color:#f24545; background:#ffece6; font-size:16px; color:#f24545;}
.freeCourse-mod .tab-con .con01 .list .btn.on:before{ content:""; width:18px; height:19px; position:absolute; right:0; bottom:0; background:url("/images/kuaijishiwu/zhuanti/freeCourse/ico02.png") no-repeat;}
.freeCourse-mod .tab-con .free-btn{ display:block; width:180px; padding-right:20px; height:48px; line-height:48px; margin:10px auto 0; text-decoration:none; text-align:center; font-size:22px; color:#fefefe; font-weight:bold; border-radius:40px; position:relative; background:#ff5b28; background-image:-webkit-linear-gradient(left, #ff8144, #ff5b28); background-image:-moz-linear-gradient(left, #ff8144, #ff5b28); background-image:linear-gradient(left,#ff8144,#ff5b28);}
.freeCourse-mod .tab-con .free-btn:before{ content:""; width:30px; height:30px; position:absolute; right:18px; top:12px; background:url("/images/kuaijishiwu/zhuanti/freeCourse/course-ico03.png") no-repeat;}

.freeCourse-mod .tab-con .con02{ float:right; width:780px;}
.freeCourse-mod .tab-con .con02 h3{ line-height:45px; font-size:28px;}
.freeCourse-mod .tab-con .con02 .tips{ padding:7px 0 20px;}
.freeCourse-mod .tab-con .con02 .tips span{ display:block; float:left; line-height:35px; padding-left:26px; font-size:16px; color:#666; margin-right:20px; background:url("/images/kuaijishiwu/zhuanti/freeCourse/course-ico01.png") no-repeat left center;}
.freeCourse-mod .tab-con .con02 .text01{ width:358px; height:110px; padding:22px 0 0 20px; background:url("/images/kuaijishiwu/zhuanti/freeCourse/course-bg01.png") no-repeat right bottom #fff6e6; border-radius:10px;}
.freeCourse-mod .tab-con .con02 .text01 p{ line-height:30px; font-size:16px; color:#666;}
.freeCourse-mod .tab-con .con02 .text02{ padding:20px 0 20px 22px; margin:10px 0 24px; background:url("/images/kuaijishiwu/zhuanti/freeCourse/course-bg01.png") no-repeat right bottom #fff6e6; border-radius:10px;}
.freeCourse-mod .tab-con .con02 .text02 p{ display:block; float:left; line-height:32px; margin-right:62px; font-size:16px; color:#666;}

.freeCourse-mod .tab-con .con03{ float:right; width:780px;}
.freeCourse-mod .tab-con .con03 h3{ line-height:45px; font-size:28px;}
.freeCourse-mod .tab-con .con03 .tips{ padding:7px 0 20px;}
.freeCourse-mod .tab-con .con03 .tips span{ display:block; float:left; line-height:35px; padding-left:26px; font-size:16px; color:#666; margin-right:20px; background:url("/images/kuaijishiwu/zhuanti/freeCourse/course-ico01.png") no-repeat left center;}
.freeCourse-mod .tab-con .con03 .list{}
.freeCourse-mod .tab-con .con03 .list li{ float:left; width:361px; height:84px; margin:0 10px 10px 0; padding:0 0 0 18px; background:url("/images/kuaijishiwu/zhuanti/freeCourse/course-bg02.png") no-repeat right bottom #fff6e6;}
.freeCourse-mod .tab-con .con03 .list h4{ line-height:32px; font-size:18px; padding-top:12px; font-weight:normal;}
.freeCourse-mod .tab-con .con03 .list .time{ display:block; float:left; line-height:28px; color:#999; padding-left:20px; background:url("/images/kuaijishiwu/zhuanti/freeCourse/ico04.png") no-repeat left center;}
.freeCourse-mod .tab-con .con03 .list .name{ display:block; float:right; line-height:28px; color:#999; padding-right:20px;}
    
    
    /**/
.flow-mod{ height:245px; border-radius:8px; box-shadow:0 4px 8px #edebeb; margin-top:30px; background:url("/images/kuaijishiwu/zhuanti/freeCourse/flow-bg.jpg") no-repeat 52px bottom;}
.flow-mod .text{ padding:90px 0 0 50px;}
.flow-mod .text p{ line-height:36px; font-size:16px;}

/**/
.about-wrap{ width:100%; height:554px; margin-top:54px; background:url("/images/kuaijishiwu/zhuanti/freeCourse/about-bg.jpg") no-repeat center top;}

/**/
.cdel-mod .cdel-block ul li i{background:url(//www.fawtography.com/images/index2020/bigSpirit-v4.png) no-repeat;}
.cdel-mod .tit{ font-size:24px; line-height:103px;}
.cdel-mod .cdel-main{padding:5px 0 20px;}
.cdel-mod .cdel-video{width:610px;height:400px;overflow:hidden;position: relative;z-index:1;}
.cdel-mod .cdel-video .cdel-video-el{height:100%;}
.cdel-mod .cdel-video .cdel-video-el img{cursor:pointer;display:block; border-radius:10px;}
.cdel-mod .cdel-video .cdel-video-el p{position: absolute;left:0;right:0;bottom:0;line-height: 54px;padding:0 20px;font-size:16px;color: #fff;}
.cdel-mod .cdel-block{width:510px;}
.cdel-mod .cdel-block ul{margin:0 -5px;*zoom:1;}
.cdel-mod .cdel-block ul li{width:250px;height:162px;padding-top:33px;margin:0 5px 10px;background:#fff;float:left;text-align: center;}
.cdel-mod .cdel-block ul li i{width:58px;height:58px;display: block;margin: 0 auto 28px;background-position: left -830px;}
.cdel-mod .cdel-block ul li.cb02 i{background-position: left -900px;}
.cdel-mod .cdel-block ul li.cb03 i{background-position: left -970px;}
.cdel-mod .cdel-block ul li.cb04 i{background-position: left -1040px;}
.cdel-mod .cdel-block ul li strong{display: block;line-height:27px;font-size: 16px;font-weight: normal;}
.cdel-mod .cdel-block ul li p{line-height:22px;color:#999;}

/**/
.mask{display:none; width:100%;z-index:98;height:100%; background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;}
.common-pop{ display:none; width:500px; position:fixed; padding:50px 0 30px; left:50%; margin-left:-250px; top:50%; z-index:99; background:#fff; border-radius:10px;}
.common-pop .close-btn{ display:block; line-height:0; font-size:0; width:25px; height:25px;  background:url("/images/kuaijishiwu/zhuanti/freeCourse/close-btn.png") no-repeat; top:20px; right:20px;}
.common-pop p{ line-height:32px; padding:20px 0 18px; text-align:center; font-size:16px;}
.common-pop .tips{ line-height:22px; color:#999; padding-bottom:12px; text-align:center;}
.common-pop .btn{ display:block; width:160px; height:50px; text-decoration:none; line-height:50px; text-align:center; margin:0 auto; border-radius:50px; font-size:18px; color:#fff; background:#ff7439; background-image:-webkit-linear-gradient(left, #ff604f, #ff901a); background-image:-ms-linear-gradient(left, #ff604f, #ff901a); background-image:linear-gradient(left,#ff604f,#ff901a);}