/*
@author: njf
*/
@charset "utf-8";
body{font:14px/1.5 \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1200px; background:#f9f9f9;}
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;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;}
.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;}
.icon{ background:url("/images/template/2020jxjmd/icon.png") no-repeat;}
.header-wrap{ width:100%; background:#fff;}

.title{ padding:40px 0 30px; font-size: 32px; font-weight: bold;}
.title i{display:block; width: 6px; height: 32px; background: #f34853; margin-top:10px; float: left; margin-right: 20px;}

/**/
.topHeader{ width:100%; height:380px; background:url("/images/template/2020jxjmd/headTop.jpg") no-repeat center top;}
.topHeader h2{ font-size: 36px; color: #fffad4; padding: 60px 0 0 76px; font-weight: normal;}
.topHeader p{margin:150px 0 0 76px; color: #df3c3c; font-size: 24px;}
.topHeader p span{background: #ffd283; padding:10px 48px;  border-radius: 24px;}



.championExhibition{ padding: 30px 45px 45px; background: #fff; border-radius: 10px; margin-bottom: 20px;}
.championExhibition dl dt{ float: right; width: 600px; margin-left: 95px;}
.championExhibition dl dt i,.scoreHighCon dl dt i{ background-position:-87px 0; width: 77px; height: 77px; top: 75%; left: 83%; margin-top: -10px; margin-left: 25px; cursor: pointer;}
.championExhibition dl dd h4{ color: #ff5d36;font-size: 32px; height: 45px; line-height: 45px; margin-bottom:25px;}
.championExhibition dl dd h4 em{ display: inline-block; background-position: 0 -77px; width: 118px; height: 30px; line-height: 30px; text-align: center; color: #875416; margin-left: 10px; font-size: 16px; font-weight: normal;}
.championExhibition dl dd h4 i{ background-position: 0 0; width: 40px; height: 45px; display: inline-block; float: left; margin-right: 15px;}
.championExhibition dl dd h6{font-size: 24px; color: #fa5d51; margin-bottom: 50px;}
.championExhibition dl dd h6 span{ font-size: 32px; color: #333; margin-right: 15px;}
.championExhibition dl dd strong{ font-size: 20px;}
.championExhibition dl dd p{ font-size: 16px; margin: 10px 0;}
.championExhibition dl dd.championBtn{ text-align: center;}
.championExhibition dl dd.championBtn a,.scoreHighCon dl dd.scoreBtn a{ display:inline-block; width: 190px; height: 46px; line-height: 46px; border-radius: 23px; border: 1px solid #f6575d; color: #f6575d; font-size: 16px; margin-right:14px; margin-top: 20px;}
.championExhibition dl dd.championBtn a.freeVideo,.scoreHighCon dl dd.scoreBtn a.freeVideo{ border: none; background: #fa5d51; color: #fff; font-weight: bold;}


.scoreHighstudents{ border-radius: 10px; background: #fff; padding: 30px 40px;}
.scoreHighstudents .title{ padding: 0 0 40px; color: #fe5d36; height: 45px; line-height: 45px;}
.scoreHighstudents .title em{ background-position: 0 0; width: 40px; height: 45px; display: inline-block; float: left; padding-right: 15px;}
.scoreTabList{ padding:15px 0 40px 35px; border-top:1px solid #efefef; margin-top: 40px;}
.scoreTabList ul li{ float: left; cursor: pointer; margin: 0 25px; text-align: center; font-size: 16px;}
.scoreTabList ul li img{border-radius: 50px; width: 100px; height: 100px; display: block; margin-bottom: 10px;}
.scoreTabList ul li.on img{ border: 4px solid #fa5d51; width: 92px; height: 92px;}
.scoreTabList ul li.on{ color: #fa5d51;}
.scoreTabList a.prev,.scoreTabList a.next{ display: block; width: 24px; height: 24px; background-position:-87px -118px; left:0; top:50px; cursor: pointer; z-index:5;}
.scoreTabList a.next{background-position:-116px -118px;right:0; left: auto;}
.scoreHighCon{ display: none; font-size: 16px;}
.scoreHighCon dl dt{ float: left; margin-right: 30px;}
.scoreHighCon dl dt i{ margin-top: -40px; margin-left: -40px;}
.scoreHighCon dl dd strong{ font-size: 26px;}
.scoreHighCon dl dd span{ display: inline-block; background-position: 0 -77px; width: 118px; height: 30px; line-height: 30px; text-align: center; color: #875416; margin-left: 10px;}
.scoreHighCon dl dd.displayReward h6{ font-size: 20px; margin:25px 0 40px; }
.scoreHighCon dl dd.displayReward h6 i{ display: inline-block; margin-right:20px; font-weight: bold;}
.scoreHighCon dl dd.displayReward .bookImg{ top:-110px; right:35px;}
.scoreHighCon dl dd.displayReward  em.labelTag{ display: inline-block; background-position: 0 -118px; width: 66px; height: 66px; right:-25px; top:-20px;}
.scoreHighCon dl dd.displayReward .bookImg a.videoTag{display: inline-block; background-position:-87px -152px; width: 38px; padding-left: 32px; height: 30px; line-height: 30px; color: #fff; font-size: 14px;right:35px; bottom:10px;}
.scoreHighCon dl dd h5{ font-size: 20px; padding-bottom: 15px;}
.scoreHighCon dl dd.scoreBtn a{ text-align: center;}
.scoreHighCon dl dd.displayReward .tuImg{top:-70px; right:35px;}
.scoreHighCon dl dd.displayReward .tuImg a.videoTag{ display: inline-block; background-position: 0 -195px; width: 40px; height: 40px; right:55px; top: 30px;}

.scholarshipTab{ text-align: center; margin: 50px 0 15px;}
.scholarshipTab ul li{display: inline-block; *display:inline; *zoom:1; cursor: pointer; width: 176px; height: 50px; margin-right:22px; line-height: 50px; text-align: center; border-radius: 25px; border: 1px solid #f6575d; color: #f6575d; font-size: 20px;}
.scholarshipTab ul li.on{color:#fff; box-shadow:0 6px 12px #f9e0e5; font-weight:bold;background-image:-webkit-linear-gradient(left,#f64443,#ff6b46); background-image:-ms-linear-gradient(left,#f64443,#ff6b46); background-image:linear-gradient(left,#f64443,#ff6b46); background:#f64443\9;}
.scholarshipTab ul li.last{ margin-right: 0;}
.scholarshipCon{ display: none; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.05); padding: 30px; font-size: 16px;}
.scholarshipCon h6{ color: #fa5d51; font-size: 16px;}
.scholarshipCon p a{ color: #f6575d;}

.scholarshipCon .tableList{ margin: 25px 0 30px;}
.scholarshipCon  table{border-collapse: collapse;}
.scholarshipCon  table td,.scholarshipCon table th{border: 1px solid #e5e5e5; padding: 5px; text-align: center;}
.scholarshipCon  table th{ background: #f1f1f1;}
.scholarshipCon  table td{ font-size: 14px;}
.scholarshipCon  table th i{ display: inline-block; background-position: -87px -197px; width: 20px; height: 20px; vertical-align: -6px; cursor: pointer;}
.scholarshipCon  em{ font-size: 14px; display: inline-block; background-position: -140px -186px; padding:10px 0 0 30px; margin-bottom: 22px;}
.scholarshipCon  em i{ color: #f6575d;}
.scholarshipCon .tableScroll{ height:325px; overflow-y: auto;}
/*.scholarshipCon strong{ display: inline-block; margin-top: 30px;}*/
.scholarshipCon .encourAge{ margin: 20px 0;}
.scholarshipCon .encourAge .encourageTable{ width: 550px; margin-right: 30px;}
.scholarshipCon .encourAge .encourageTable .tableList{ margin: 0;}
.scholarshipCon .encourAge .last{ margin-right: 0;}

#scholarshiPager {
    clear: both;
    color: #999;
    padding: 5px 0;
    text-align:center;
    font-size: 13px;
    margin-bottom: 30px;
}
#scholarshiPager a {
    float: left;
    border: 1px solid #ccc;
    display: inline;
    padding:0  23px;
    height:28px;
    border-radius:25px;
    text-align:center;
    line-height:28px;
    margin-right: 5px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    color: #999;
}
#scholarshiPager span.disabled {
    float: left;
    display: inline;
    padding:0 23px;
    height:28px;
    text-align:center;
    line-height:28px;
    margin-right: 5px;
    border-radius:25px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    color: #dfdfdf;
}
#scholarshiPager span.curr {
    float: left;
    border: 1px solid #fa5d51;
    display: inline;
    width:48px;
    height:28px;
    line-height:28px;
    border-radius:25px;
    text-align:center;
    margin-right: 5px;
    background: #fa5d51;
    color: #fff;
}
#kkpager_gopage_wrap {
    position: relative;
    left: 0;
    top: 0;
}
#kkpager_btn_go {
    width: 44px;
    height: 24px;
    border: 0;
    overflow: hidden;
    line-height: 140%;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
    background-color: #4f88e1;
    color: #fff;
    position: absolute;
    left: 0;
    *top: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: none;
}
#kkpager_btn_go_input {
    width: 36px;
    height: 21px;
    color: #999;
    text-align: center;
    margin-left: 1px;
    margin-right: 1px;
    border: 1px solid #dfdfdf;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    left: 0;
    top: 0;
    *top: 2px;
    outline: none;
}
#kkpager_btn_go_input.focus {
    border-color: #4f88e1
}
#scholarshiPager .pageBtnWrap {
    left:0;
    position: relative;
    display:inline-block;
    *display:inline;
    *zoom:1;
}
#scholarshiPager .infoTextAndGoPageBtnWrap {
    float: right;
    right: 27px;
    position: relative;
}
#scholarshiPager .spanDot {
    float: left;
    margin-right: 5px;
}
#scholarshiPager .currPageNum {
    color: #4f88e1;
}
#scholarshiPager .infoTextAndGoPageBtnWrap {
    padding-top: 5px;
    font-size: 15px;
}
#scholarshiPager .goPageBox,#kkpager .totalText{
    display:none;
}


.courseContent .tab-tit{ margin:0 38px 30px; border-bottom: 1px solid #ebebeb; }
.courseContent .tab-tit li{ float: left; font-size: 20px;height: 60px; line-height: 60px; margin-right: 35px;cursor:pointer; padding: 0 10px; color: #888;}
.courseContent .tab-tit li.on{ color: #f6575d; font-weight: bold; border-bottom: 3px solid #f34853;}



.noStopping{ background: #fff; border-radius: 10px; padding-bottom: 30px;}
.coupon-con{ padding:34px 0 42px 77px;}
.coupon-con li{ float:left; width:493px; height:108px; margin-right:60px; background:url("//www.fawtography.com/images/zhongjizhicheng/zhuanti/books/couponBg.png") no-repeat;}
.coupon-con li:hover{background:url("//www.fawtography.com/images/zhongjizhicheng/zhuanti/books/couponBghover.png") no-repeat;}
.coupon-con .prize{ float:left; line-height:108px; font-size:54px; font-weight:bold; color:#fe3a3f; width:120px; text-align:center; padding-left:20px;}
.coupon-con .prize span{ display:inline-block; height:108px; line-height:108px; position:relative;}
.coupon-con .prize em{ height:30px; line-height:30px; font-size:20px; font-weight:normal; position:absolute; left:-15px; top:26px;}
.coupon-con .text{ float:left; padding:28px 0 0 10px; color:#fe3a3f;}
.coupon-con .text h4{ line-height:28px; font-size:18px;}
.coupon-con .text p{ line-height:24px;}
.coupon-con .btn{ display:block; float:right; width:106px; height:108px; line-height:108px; text-decoration:none; text-align:center; font-size:40px; color:#fff; font-weight:bold;}



.fiveCourse{color:#333;}
.fiveCourse .ggtit-l strong a{color:#f00;}
.fiveCourse .course-nav{font-size:0;padding-top:7px;line-height:22px;text-align:right;}
.fiveCourse .course-nav i{width:1px;height:14px;background:#cbcbcb;overflow:hidden;line-height:0;display:inline-block;vertical-align:top;margin:3px 20px 0;}
.fiveCourse .course-nav a{font-size:14px;color:#127de1;vertical-align:top;display:inline-block;}
.fiveCourse .fc-item{width:274px;margin-right:20px;background:#fff;float:left;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);-moz-box-shadow:0 4px 15px rgba(0,0,0,.1);-o-box-shadow:0 4px 15px rgba(0,0,0,.1);box-shadow:0 4px 15px rgba(0,0,0,.1);}
.fiveCourse .fc-hd{height:100px;padding:0 10px;position:relative;z-index:1;color:#fff;text-align:center;}
.fiveCourse .fc-hd a{color:#fff;}
.fiveCourse .fc-hd img{margin-top:43px;}
.fiveCourse .fc-hd h4{line-height:100px;font-size:26px;font-weight:bold;}
.fiveCourse .twoRow{height:95px;padding-top:15px;}
.fiveCourse .twoRow h4{line-height:50px;}
.fiveCourse .twoRow img{margin:12px 0;}
.fiveCourse .fc-gift{height:24px;line-height:24px;display:inline-block;*display:inline;*zoom:1;position:relative;z-index:1;}
.fiveCourse .fc-gift span{padding:0 18px;}
.fiveCourse .fc-gift i{width:100%;height:100%;position:absolute;z-index:-1;left:0;top:0;background:#000;opacity:0.2;filter:alpha(opacity=20);-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.fiveCourse .fc-hot,.fiveCourse .fc-hot1,.fiveCourse .fc-hot2{width:44px;height:35px;line-height:350px;overflow:hidden;position:absolute;right:0;top:0;background:url(//www.fawtography.com/images/common/column/course-hot.png) no-repeat;z-index:5;}
.fiveCourse .fc-hot1{width:35px;height:38px;right:10px;top:-15px;background:url(//www.fawtography.com/images/common/column/course-hots.png) no-repeat;}
.fiveCourse .fc-hot2{width:38px;height:18px;right:-11px;top:-16px;background:url(//www.fawtography.com/images/common/column/course-hots.png) no-repeat left -50px;}
.fiveCourse .fc-sale{line-height:1;padding:8px 10px;overflow:hidden;position:absolute;left:10px;right:10px;top:-10px;background:#ffe461;text-align:left;color:#333;z-index:1;}

.fiveCourse .fc-sale2{line-height:1;padding:8px 10px;overflow:hidden;position:absolute;left:10px;right:10px;top:-10px;background:#ffd27a;text-align:center; border-radius:50px; border-bottom-left-radius:0; font-size:12px;color:#9b4618;z-index:1;}
.fiveCourse .fc-bd{border:1px solid #f1f2f4;border-top:0 none;padding-top:14px;}
.fiveCourse .fc-bd .fc-tc{text-align:center;}
.fiveCourse .fc-bd .fc-dot{margin:0 10px;padding-bottom:14px;border-bottom:1px solid #f3f3f3;}
.fiveCourse .fc-bd .fc-dot li,.fiveCourse .fc-bd .fc-icon li{background:url(//www.fawtography.com/images/common/column/fiveCourse-icon.png) no-repeat;}
.fiveCourse .fc-bd .fc-dot li{height:32px;line-height:32px;padding-left:26px;background-position:9px -517px;}
.fiveCourse .fc-bd .fc-icon{margin:0 10px;padding:20px 0 5px;border-bottom:1px solid #f3f3f3;position:relative;z-index:1;}
.fiveCourse .fc-bd .fc-icon li{height:28px;line-height:28px;padding-left:36px;margin-bottom:15px;color:#888;}
.fiveCourse .fc-bd .fc-icon li em{font-size:18px;color:#24b7cd;}
.fiveCourse .fc-bd .fc-icon li.icon-teacher{background-position:left -550px;}
.fiveCourse .fc-bd .fc-icon li.icon-stage{background-position:left -590px;}
.fiveCourse .fc-bd .fc-icon li.icon-feature{background-position:left -630px;}
.fiveCourse .fc-bd .fc-price{height:70px;line-height:70px;text-align:center;color:#f3664a;}
.fiveCourse .fc-bd .fc-price strong{font-size:30px;}
.fiveCourse .fc-bd .fc-price span,.fiveCourse .fc-bd .fc-price2 p span{color:#333;margin-left:6px;}
.fiveCourse .fc-bd .fc-price2{height:36px;padding:45px 15px 0;position:relative;z-index:1;}
.fiveCourse .fc-bd .fc-price2 p{line-height:30px;color:#f3664a;}
.fiveCourse .fc-bd .fc-price2 p strong{font-size:26px;}
.fiveCourse .fc-bd .price-sale,.fiveCourse .fc-bd .price-sale1{line-height:1;padding:4px 5px;border:1px solid #f3664a;position:absolute;left:15px;top:14px;font-size:12px;color:#f3664a;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fiveCourse .fc-bd .price-sale1{left:auto;right:15px;top:48px;}
.fiveCourse .fc-bd .fc-btns{font-size:0;padding-bottom:20px;text-align:center;}
.fiveCourse .fc-bd .fc-btns a{width:86px;height:32px;line-height:32px; border-radius:50px; border:1px solid #f3664a;background:#f3664a;margin:0 6px;color:#fff;font-size:14px;display:inline-block;}
.fiveCourse .fc-bd .fc-btns .btns-det{border-color:#d5d5d5;color:#999;background:none;}
.fiveCourse .fc-bd .fc-btns a:hover{border-color:#ff7458;color:#ff7458;text-decoration:none;}
.fiveCourse .fc-bd .fc-btns .btns-buy:hover{color:#fff;background:#ff7458;}
.fiveCourse .jpb-item .fc-hd{background:url(//www.fawtography.com/images/common/column/fc-bg02.jpg) no-repeat;}
.fiveCourse .jpb-item .fc-icon li.icon-teacher{background-position:left 0;}
.fiveCourse .jpb-item .fc-icon li.icon-stage{background-position:left -40px;}
.fiveCourse .jpb-item .fc-icon li.icon-feature{background-position:left -79px;}
.fiveCourse .jpb-item .fc-icon li em{color:#6ca7fc;}
.fiveCourse .qzb-item .fc-hd{background:url(//www.fawtography.com/images/common/column/fc-bg03.jpg) no-repeat;}
.fiveCourse .qzb-item .fc-icon li.icon-teacher{background-position:left -124px;}
.fiveCourse .qzb-item .fc-icon li.icon-stage{background-position:left -172px;}
.fiveCourse .qzb-item .fc-icon li.icon-feature{background-position:left -214px;}
.fiveCourse .qzb-item .fc-icon li em{color:#fe8a59;}
.fiveCourse .tgb-item .fc-hd{background:url(//www.fawtography.com/images/common/column/fc-bg04.jpg) no-repeat;}
.fiveCourse .tgb-item .fc-icon li.icon-teacher{background-position:left -256px;}
.fiveCourse .tgb-item .fc-icon li.icon-stage{background-position:left -306px;}
.fiveCourse .tgb-item .fc-icon li.icon-feature{background-position:left -353px;}
.fiveCourse .tgb-item .fc-icon li em{color:#8177ef;}
.fiveCourse .vipb-item{margin-right:0;}
.fiveCourse .vipb-item .fc-hd{background:url(//www.fawtography.com/images/common/column/fc-bg05.jpg) no-repeat;}
.fiveCourse .vipb-item .fc-icon li.icon-teacher{background-position:left -402px;}
.fiveCourse .vipb-item .fc-icon li.icon-stage{background-position:left -445px;}
.fiveCourse .vipb-item .fc-icon li.icon-feature{background-position:left -484px;}
.fiveCourse .vipb-item .fc-icon li em{color:#d9a165;}
.fiveCourse .wytgb-item,.fiveCourse .newVipb-item{background:#ffffff;margin-right:0 !important;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.fiveCourse .wytgb-item .fc-bd .fc-icon li,.fiveCourse .newVipb-item .fc-bd .fc-icon li{position:relative;z-index:1;background:url(//www.fawtography.com/images/common/column/wytg-icon.png) no-repeat 5px center;padding-left:28px;}
.fiveCourse .wytgb-item .fc-bd .fc-icon li i,.fiveCourse .newVipb-item .fc-bd .fc-icon li i{width:1px;height:22px;overflow:hidden;background:url(//www.fawtography.com/images/common/column/wytg-y.png) repeat-y;position:absolute;left:12px;top:25px;}
.fiveCourse .wytgb-item .fc-icon li em,.fiveCourse .newVipb-item .fc-icon li em{color:#d9a165;}
.fiveCourse .fc-bd .fc-icon li.fc-play{width:24px;height:24px;line-height:24px;background:none;margin-bottom:0;position:absolute;top:2px;right:0;}
.fiveCourse .fc-bd .fc-icon li.fc-play a{width:24px;height:24px;display:block;line-height:240px;overflow:hidden;background:url(//www.fawtography.com/images/common/column/fc-play.png) no-repeat;}
.fiveCourse .fc-bd .fc-icon li.fc-play a:hover{background-position:left -36px;}
.fiveCourse .last-item{margin-right:0 !important;}


.threeCourse .fc-item{width:380px;margin-right:30px;}
.threeCourse .vipb-item{margin-right:0;}
.threeCourse .jpb-item .fc-hd{background-image:url(//www.fawtography.com/images/common/column/tc-bg01.jpg);}
.threeCourse .fc-bd .fc-dot{padding-left:40px;}
.threeCourse .fc-bd .fc-dot li{font-size:16px;background-position:9px -516px;}
.threeCourse .fc-bd .fc-icon{padding-left:30px;}
.threeCourse .fc-bd .fc-icon li{padding-left:45px;font-size:16px;}
.threeCourse .fc-bd .fc-icon li em{font-size:20px;}
.threeCourse .fc-bd .fc-btns a{width:148px;height:36px;line-height:36px;font-size:16px;margin:0 10px;}
.threeCourse .qzb-item .fc-hd{background-image:url(//www.fawtography.com/images/common/column/tc-bg02.jpg);}
.threeCourse .fc-hot{right:10px;}
.threeCourse .vipb-item .fc-hd,.threeCourse .wytgb-item .fc-hd{background-image:url(//www.fawtography.com/images/common/column/tc-bg03.jpg);}
.threeCourse .fc-bd .fc-price2{padding:45px 50px 0;}
.threeCourse .fc-bd .price-sale{left:50px;}
.threeCourse .fc-bd .price-sale1{right:50px;}

.fourCourse .fc-item{width:276px;margin-right:32px;}
.fourCourse .fc-hd{background-image:url(//www.fawtography.com/images/common/column/tutorialTop01.jpg);}
.fourCourse .qzb-item .fc-hd{background-image:url(//www.fawtography.com/images/common/column/tutorialTop02.jpg);}
.fourCourse .tgb-item .fc-hd{background-image:url(//www.fawtography.com/images/common/column/tutorialTop03.jpg);}
.fourCourse .vipb-item .fc-hd,.fourCourse .wytgb-item .fc-hd{background-image:url(//www.fawtography.com/images/common/column/tutorialTop04.jpg);}
.fourCourse .vipb-item{margin-right:0;}
.fourCourse .fc-bd .fc-btns a{width:101px;}
.fourCourse .fc-bd .fc-dot,.fourCourse .fc-bd .fc-icon{margin:0 26px;}
.fourCourse .fc-bd .fc-dot li,.fourCourse .fc-bd .fc-icon li{font-size:16px;}
.fourCourse .fc-bd .fc-icon li em{font-size:20px;}
.fourCourse .fc-bd .fc-f14 li{font-size:14px;}
.fourCourse .fc-bd .fc-f14 li em{font-size:18px;}
.fourCourse .fc-bd .fc-price2{padding:45px 26px 0;}
.fourCourse .fc-bd .price-sale{left:26px;}
.fourCourse .fc-bd .price-sale1{right:26px;}

/*20200515 add by sunke*/
.fiveCourse .tab-tit{}
.fiveCourse .tab-tit li{ float:left; height:39px; line-height:39px; font-size:16px; margin-right:20px; cursor:pointer;}
.fiveCourse .tab-tit li.current{ color:#f00; font-weight:bold; border-bottom:1px solid #127de1;}
.fiveCourse .tab-con{ display:none; position:relative; padding:0 0 0 40px;}
.fiveCourse .tab-con .course-nav{ position:absolute; right:0; top:-58px;}
.fiveCourse .tab-con .newVipb-item{ margin-right:20px !important; background:#fff;}
.fiveCourse .tab-con .newVipb-item h4 a{ color:#ffe1ba;}
.fc-hot3{ background-position:0 -246px; width: 36px; height: 28px; display: inline-block; font-size: 12px; color: #f3664a; right: 10px; top: 0;}

/*20200529 add by njf*/
.fiveCourse .tab-con .course-nav .imColor{ color: #ff0000;}
.fiveCourse .newVipb-item .addCj-tit01{background-image:url('//www.fawtography.com/images/common/column/tutorialTop01.jpg');}
.fiveCourse .newVipb-item .addCj-tit02{background-image:url('//www.fawtography.com/images/common/column/tutorialTop02.jpg');}
.fiveCourse .newVipb-item .addCj-tit03{background-image:url('//www.fawtography.com/images/common/column/tutorialTop03.jpg');}
.fiveCourse .newVipb-item .addCj-tit04{background-image:url('//www.fawtography.com/images/common/column/tutorialTop03.jpg');}
.fiveCourse .newVipb-item .addCj-tit05{background-image:url('//www.fawtography.com/images/common/column/tutorialTop04.jpg');}
.fiveCourse .newVipb-item .addCj-tit01 h4 a,.fiveCourse .newVipb-item .addCj-tit02 h4 a,.fiveCourse .newVipb-item .addCj-tit03 h4 a,.fiveCourse .newVipb-item .addCj-tit04 h4 a,.fiveCourse .newVipb-item .addCj-tit05 h4 a{ color: #fff;}
.fiveCourse .addCj-tit03 .fc-sale2{ background: #ffd27a; color: #9b4618; border-top-left-radius: 20px; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}

.fiveCourse .newVipb-item .addCj-list01 .fc-icon li,.fiveCourse .newVipb-item .addCj-list02 .fc-icon li,.fiveCourse .newVipb-item .addCj-list03 .fc-icon li,.fiveCourse .newVipb-item .addCj-list04 .fc-icon li,.fiveCourse .newVipb-item .addCj-list05 .fc-icon li{ background:url(/images/common/column/cj-xkicon.png) no-repeat 5px 7px;}
.fiveCourse .newVipb-item .addCj-list01 .fc-icon li i,.fiveCourse .newVipb-item .addCj-list02 .fc-icon li i,.fiveCourse .newVipb-item .addCj-list03 .fc-icon li i,.fiveCourse .newVipb-item .addCj-list04 .fc-icon li i,.fiveCourse .newVipb-item .addCj-list05 .fc-icon li i{background:url(/images/common/column/cj-xkicon.png) no-repeat 0px -261px;}
.fiveCourse .addCj-list01 .fc-icon li em,.fiveCourse .addCj-list02 .fc-icon li em,.fiveCourse .addCj-list03 .fc-icon li em,.fiveCourse .addCj-list04 .fc-icon li em,.fiveCourse .addCj-list05 .fc-icon li em{ color: #24b7cd;}
.fiveCourse .newVipb-item .addCj-list02 .fc-icon li{background-position:5px -39px;}
.fiveCourse .newVipb-item .addCj-list03 .fc-icon li{background-position: 5px -81px;}
.fiveCourse .newVipb-item .addCj-list04 .fc-icon li{background-position: 5px -135px;}
.fiveCourse .newVipb-item .addCj-list05 .fc-icon li{background-position: 5px -193px;}

.fiveCourse .newVipb-item .addCj-list02 .fc-icon li i{background-position:-15px -261px;}
.fiveCourse .newVipb-item .addCj-list03 .fc-icon li i{background-position:-31px -261px;}
.fiveCourse .newVipb-item .addCj-list04 .fc-icon li i{background-position:-48px -261px;}
.fiveCourse .newVipb-item .addCj-list05 .fc-icon li i{background-position:-64px -261px;}

.fiveCourse .addCj-list02 .fc-icon li em{ color:#6ca7fd;}
.fiveCourse .addCj-list03 .fc-icon li em{ color:#fe8a59;}
.fiveCourse .addCj-list04 .fc-icon li em{ color:#8177ef;}
.fiveCourse .addCj-list05 .fc-icon li em{ color:#e6ac5c;}

.fiveCourse .fc-bd .fc-price2 p del{ color: #999; font-size: 12px;}
.fiveCourse .tab-tit li.current i{ display:inline-block; background: url("//www.fawtography.com/images/common/column/hot.jpg") no-repeat; width: 23px; height: 17px;}

/*20200709 add jjs by njf*/
.threeCourse .jjs-jpb-item .fc-hd{background-image:url(//www.fawtography.com/images/common/column/jjstit01.jpg);}
.threeCourse .jjs-qzb-item .fc-hd{background-image:url(//www.fawtography.com/images/common/column/jjstit02.jpg);}
.threeCourse .jjs-vipb-item .fc-hd{background-image:url(//www.fawtography.com/images/common/column/jjstit03.jpg);}
.threeCourse .jjs-vipb-item{margin-right:0;}
.threeCourse .jjs-jpb-item .fc-icon li.icon-teacher,.threeCourse .jjs-jpb-item .fc-icon li.icon-teacher i,.threeCourse .jjs-qzb-item .fc-icon li.icon-teacher,.threeCourse .jjs-qzb-item .fc-icon li.icon-teacher i,.threeCourse .jjs-vipb-item li.icon-teacher,.threeCourse .jjs-vipb-item .fc-icon li.icon-teacher i,.fourCourse .fc-bd .fc-icon li.iconTeacher,.fourCourse .fc-bd .fc-icon li.iconStage,.fourCourse .fc-bd .fc-icon li.iconStage i,.fourCourse .fc-bd .fc-icon li.iconTeacher i{ background: url(/images/common/column/cj-xkicon.png) no-repeat 5px -39px;}
.threeCourse .jjs-jpb-item .fc-icon li.icon-teacher i,.threeCourse .jjs-qzb-item .fc-icon li.icon-teacher i,.threeCourse .jjs-vipb-item .fc-icon li.icon-teacher i,.fourCourse .fc-bd .fc-icon li.iconStage i,.fourCourse .fc-bd .fc-icon li.iconTeacher i{ display: block; background-position: -15px -261px; height: 22px; width: 1px; left:12px; top:25px;}
.threeCourse .jjs-jpb-item .fc-bd .fc-icon li,.threeCourse .jjs-qzb-item .fc-bd .fc-icon li,.threeCourse .jjs-vipb-item .fc-bd .fc-icon li{ padding-left: 36px;}
.threeCourse .jjs-jpb-item .fc-bd .fc-icon li em{ color: #6ca7fd;}
.threeCourse .jjs-qzb-item .fc-icon li.icon-teacher,.fourCourse .fc-bd .fc-icon li.iconStage{background-position:5px -81px;}
.threeCourse .jjs-qzb-item .fc-icon li.icon-teacher i,.fourCourse .fc-bd .fc-icon li.iconStage i{ background-position: -31px -261px;}
.threeCourse .jjs-qzb-item .fc-bd .fc-icon li em,.fourCourse .fc-bd .fc-icon li.iconStage em{ color: #fe8a59;}
.threeCourse .jjs-vipb-item .fc-icon li.icon-teacher{ background-position: 5px -193px;}
.threeCourse .jjs-vipb-item .fc-icon li.icon-teacher i{background-position:-64px -261px;}
.threeCourse .jjs-vipb-item .fc-bd .fc-icon li em{ color: #e6ac5c;}
.threeCourse .jjs-jpb-item .fc-bd .fc-price2{ padding: 36px 50px 0;}
.fourCourse .fc-bd .fc-icon li.iconTeacher em{ color: #6ca7fd;}

/**/
.choiceCourse-mod{ display:none;position:relative; margin:13px 35px 0 0; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.choiceCourse-mod .tab-con{ display:none;background:#fff; border-radius:10px; padding:17px 0 0;}
.choiceCourse-mod .tab-con .tit{ height:44px; position:absolute; left:0; top:0;}
.choiceCourse-mod .tab-con .tit h4{ float:left; line-height:28px; width:110px; text-align:right; font-size:14px; font-weight:bold;}
.choiceCourse-mod .tab-con .tit.abs02{ top:45px;}
.choiceCourse-mod .tab-con .btn-wrap{ background:#fff; border-radius:10px; margin-top:13px;}
.choiceCourse-mod .tab-con .choiceClass-tit{ padding:0 0 20px 110px; position:relative;}
.choiceCourse-mod .tab-con .choiceClass-tit p{ display:block; float:left; height:28px; line-height:28px; padding:0 49px; font-size:14px; border:1px solid #d2d2d2; border-radius:4px; position:relative; margin-right:14px; cursor:pointer;}
.choiceCourse-mod .tab-con .choiceClass-tit p.on{ border:1px solid #f4664a; color:#f4664a;}
.choiceCourse-mod .tab-con .choiceClass-tit p.on i{ display:block; width:22px; height:22px; position:absolute; right:0; bottom:0; background-position:-70px -245px;}
.choiceCourse-mod .choiceClass-con{ display:none}
.choiceCourse-mod .tab-con .con{ padding:0 0 8px 110px;}
.choiceCourse-mod .tab-con .course-tit{ line-height:18px; font-weight:bold; padding-bottom:9px;}
.choiceCourse-mod .tab-con .course-tit strong{ color:#f4664a;}
.choiceCourse-mod .tab-con .course-con{ padding:0 0 13px 0;}
.choiceCourse-mod .tab-con .course-con p{ display:block; float:left; height:30px; line-height:30px; padding:0 36px; font-size:16px; border:1px solid #d2d2d2; overflow:hidden; border-radius:4px; position:relative; margin:0 14px 5px 0; cursor:pointer;}
.choiceCourse-mod .tab-con .course-con p.on{ border:1px solid #f4664a; color:#f4664a;}
.choiceCourse-mod .tab-con .course-con p.on i{ display:block; width:22px; height:22px; position:absolute; right:0; bottom:0; background-position:-70px -245px;}
.choiceCourse-mod .tab-con .course-con input{ position:absolute; left:-50px; top:-50px;}
.choiceCourse-mod .close-btn{ display:block; width:20px; height:20px; right:28px; top:28px; background-position:-86px -434px; z-index:1;}
.shoppingCart-wrap{ background:#fff; padding:15px 40px 15px 0; box-shadow:0 0 10px rgba(0,0,0,0.05);}
.shoppingCart-wrap .text{line-height:26px; padding:0 20px;}
.shoppingCart-wrap .text span{color: #f3664a;font-size:26px; }
.shoppingCart-wrap .text strong{ font-size:26px; vertical-align:-2px; color: #f3664a;}
.shoppingCart-wrap .buy-btn{ display:block; width:154px; height:42px; line-height:42px; text-align:center; background:#fb6345; border-radius:21px; font-size:20px; font-weight:bold; color:#fff; text-decoration:none;}
.shoppingCart-wrap .tips{color: #f3664a; font-size: 12px;}
/**/
.gaoxiaoCourse-mod{border-radius:6px; background:#fff; box-shadow:0 4px 8px #f1f1f1; padding:33px 40px 30px 40px;}
.gaoxiaoCourse-mod .coupon-con{ width:1120px; padding-left:36px; padding-top:0;}
.gaoxiaoCourse-mod .top-tit{}
.gaoxiaoCourse-mod .top-tit h3{ float:left; width:333px; height:67px; line-height:67px; text-align:center; font-size:30px; color:#fff; font-weight:bold; padding-right:10px; background:url("//www.fawtography.com/images/template/2020afterExam/gaoxiaoCourse-tit.png") no-repeat;}
.gaoxiaoCourse-mod .top-tit .ad{ display:block; float:right; height:40px; line-height:40px; font-size:16px; color:#fff; font-weight:bold; padding:0 31px 0 75px; border-radius:50px; margin:16px 3px 0 0; background:#fe6f01; background-image:-webkit-linear-gradient(top, #fe5e02, #ff8700); background-image:-moz-linear-gradient(top, #fe5e02, #ff8700); background-image:linear-gradient(top,#fe5e02,#ff8700);}
.gaoxiaoCourse-mod .top-tit .ad i{ display:block; width:48px; height:42px; line-height:40px; padding-top:11px; text-align:center; font-size:16px; color:#ff682c; background-position:0px -428px; left:-4px; top:-11px; font-weight: bold;}
.gaoxiaoCourse-con{ box-shadow:0 4px 8px #e7e9ed; padding:0 30px;}
.gaoxiaoCourse-con .introduce-con{}
.gaoxiaoCourse-con .introduce-con .text{ width:555px; padding:19px 0 0;}
.gaoxiaoCourse-con .introduce-con .text .tips{ line-height:34px; font-size:16px; margin-bottom:18px;}
.gaoxiaoCourse-con .introduce-con .text .box{ float:left; width:252px; margin:0 40px 0 0; padding:15px 0 0; border-top:1px solid #eaeaea;}
.gaoxiaoCourse-con .introduce-con .text .box .tit{ line-height:28px; font-size:18px; font-weight:bold;}
.gaoxiaoCourse-con .introduce-con .text .box .tit span{ display:inline-block; height:28px; line-height:28px; border-radius:4px; font-size:18px; color:#fff; font-weight:bold; padding:0 11px; margin-right:8px; background:#ff8054; background-image:-webkit-linear-gradient(top, #ff8054, #fdac5a); background-image:-moz-linear-gradient(top, #ff8054, #fdac5a); background-image:linear-gradient(top,#ff8054,#fdac5a);}
.gaoxiaoCourse-con .introduce-con .text .box .tit em{ color:#999; font-size:14px;}
.gaoxiaoCourse-con .introduce-con .text .box .con01{ padding:15px 0 23px 20px;}
.gaoxiaoCourse-con .introduce-con .text .box .con01 li{ line-height:30px; position:relative;}
.gaoxiaoCourse-con .introduce-con .text .box .con01 li i{ display:block; width:6px; height:6px; background:#cddbec; border-radius:50%; position:absolute; left:-20px; top:12px;}
.gaoxiaoCourse-con .introduce-con .text .box .con01 li em{ display:block; width:1px; height:26px; background:#f2f4f6; position:absolute; left:-18px; top:18px;}
.gaoxiaoCourse-con .introduce-con .text .box .con01.other01 li{ float:left; width:102px;}
.gaoxiaoCourse-con .introduce-con .text .box .con01.other02 li{ padding-bottom:11px;}
.gaoxiaoCourse-con .introduce-con .text .box .con01.other02 li em{ height:74px;}
.gaoxiaoCourse-con .introduce-con .text .box.mr0{ margin-right:0;}
.gaoxiaoCourse-con .introduce-con .teacher{ width:500px; text-align:center; padding:77px 0 0;}
.gaoxiaoCourse-con .introduce-con .teacher .name{ height:34px; line-height:34px; text-align:center; background:#73b4fe;}
.gaoxiaoCourse-con .introduce-con .teacher .name span{ font-size:16px; color:#fff; font-weight:bold; margin:0 27px;}

/**/
.gaoxiaoCourse{ background:#fff; border-radius:10px; padding:17px 0 0; box-shadow:0 4px 8px #e7e9ed; margin-top:10px;}
.gaoxiaoCourse .tab-con{ display:none;background:#fff; border-radius:10px; padding:17px 0 0 31px;}
.gaoxiaoCourse .tab-con .course-tit{ line-height:50px; padding-bottom:0;}
.gaoxiaoCourse .course-tabTit{}
.gaoxiaoCourse .course-tabTit ul{ width:1090px;}
.gaoxiaoCourse .course-tabTit li{ float:left; width:250px; line-height:48px; height:70px; color:#344455; margin-right:20px; border:1px solid #d7d7d7; cursor:pointer; position:relative;}
.gaoxiaoCourse .course-tabTit h4{ float:left;}
.gaoxiaoCourse .course-tabTit h4 strong{ float:left; font-size:34px; color:#b6b6b6; margin-right:5px; padding-left:7px; line-height:1;}
.gaoxiaoCourse .course-tabTit .prize{ float:right; padding-right:9px;}
.gaoxiaoCourse .course-tabTit .prize strong{ font-size:22px; color:#f4664a;}
.gaoxiaoCourse .course-tabTit .prize em{ font-size:14px; color:#f4664a;}
.gaoxiaoCourse .course-tabTit .sale-tags{ display:block; height:18px; line-height:18px; border:1px solid #f4694e; border-radius:3px; padding:0 6px; font-size:12px; color:#f4694e; position:absolute; left:12px; bottom:10px;}
.gaoxiaoCourse .course-tabTit .hot-tags{ display:block; height:16px; line-height:16px; font-size:12px; color:#fff; border-radius:50px; border-bottom-left-radius:0; padding:0 6px 0 4px; position:absolute; right:-7px; top:-4px; background:#ff8054; background-image:-webkit-linear-gradient(left, #ff8054, #fdac5a); background-image:-moz-linear-gradient(left, #ff8054, #fdac5a); background-image:linear-gradient(left,#ff8054,#fdac5a);}
.gaoxiaoCourse .course-tabTit li.other{ background:#fff1ce; border-color:#fff1ce;}
.gaoxiaoCourse .course-tabTit li.on{ border-color:#f4664a;}
.gaoxiaoCourse .course-tabTit li.on i{ display:block; width:34px; height:26px; position:absolute; right:0; bottom:0; background-position:-62px -247px;}
.gaoxiaoCourse .tab-con .course-con{ display:none}
.gaoxiaoCourse .tab-con .course-con{ padding:0 0 13px 0;}
.gaoxiaoCourse .tab-con .course-con p{ display:block; float:left; height:30px; line-height:30px; padding:0 36px; font-size:16px; border:1px solid #d2d2d2; overflow:hidden; border-radius:4px; position:relative; margin:0 14px 5px 0; cursor:pointer;}
.gaoxiaoCourse .tab-con .course-con p.on{ border:1px solid #f4664a; color:#f4664a;}
.gaoxiaoCourse .tab-con .course-con p.on i{ display:block; width:22px; height:22px; position:absolute; right:0; bottom:0; background-position:-70px -245px;}
.gaoxiaoCourse .tab-con .course-con input{ position:absolute; left:-50px; top:-50px;}
.otherShoppingCart{ background:#fff; padding:19px 40px 18px 0; border-top:1px solid #f3f3f3;}
.otherShoppingCart .text{ line-height:42px; padding:0 20px;}
.otherShoppingCart .text p{ line-height:28px;}
.otherShoppingCart .text p.tips{ font-size:12px; line-height:18px; color:#f3664a;}
.otherShoppingCart .text strong{ font-size:26px; vertical-align:-2px; color:#f3664a;}
.otherShoppingCart .text .nums{ color:#f3664a; font-weight:bold; font-size:26px; vertical-align:-2px; margin:0 2px;}
.otherShoppingCart .buy-btn{ display:block; width:129px; height:50px; line-height:50px; text-align:center; background:#fb6142; border-radius:50px; font-size:20px; font-weight:bold; color:#fff; text-decoration:none;}

/**/
.shenjiChoice{ display:none; background:#fff; border-radius:10px; padding:17px 0 0; box-shadow:0 4px 8px #e7e9ed; margin-top:10px;}
.shenjiChoice .tab-con{ display:none;background:#fff; border-radius:10px; padding:17px 0 0;}
.shenjiChoice .tab-con .tit{ height:44px; position:absolute; left:0; top:0;}
.shenjiChoice .tab-con .tit h4{ float:left; line-height:28px; width:110px; text-align:right; font-size:14px; font-weight:bold;}
.shenjiChoice .tab-con .tit.abs02{ top:45px;}
.shenjiChoice .tab-con .btn-wrap{ background:#fff; border-radius:10px; margin-top:13px;}
.shenjiChoice .tab-con .choiceClass-tit{ padding:0 0 20px 110px; position:relative;}
.shenjiChoice .tab-con .choiceClass-tit p{ display:block; float:left; height:28px; line-height:28px; padding:0 49px; font-size:14px; border:1px solid #d2d2d2; border-radius:4px; position:relative; margin-right:14px; cursor:pointer;}
.shenjiChoice .tab-con .choiceClass-tit p.on{ border:1px solid #f4664a; color:#f4664a;}
.shenjiChoice .tab-con .choiceClass-tit p.on i{ display:block; width:17px; height:17px; position:absolute; right:0; bottom:0; background-position:-26px 0;}
.shenjiChoice .choiceClass-con{ display:none}
.shenjiChoice .tab-con .con{ padding:0 0 8px 110px;}
.shenjiChoice .tab-con .course-tit{ line-height:18px; font-weight:bold; padding-bottom:9px;}
.shenjiChoice .tab-con .course-tit strong{ color:#f4664a;}
.shenjiChoice .tab-con .course-con{ padding:0 0 13px 0;}
.shenjiChoice .tab-con .course-con p{ display:block; float:left; height:30px; line-height:30px; padding:0 36px; font-size:16px; border:1px solid #d2d2d2; overflow:hidden; border-radius:4px; position:relative; margin:0 14px 5px 0; cursor:pointer;}
.shenjiChoice .tab-con .course-con p.on{ border:1px solid #f4664a; color:#f4664a;}
.shenjiChoice .tab-con .course-con p.on i{ display:block; width:22px; height:22px; position:absolute; right:0; bottom:0; background-position:-70px -245px;}
.shenjiChoice .tab-con .course-con input{ position:absolute; left:-50px; top:-50px;}
.shenjiChoice .tab-con .con{ padding-left:30px;}
.shenjiChoice .tab-con .course-tit{ float:left; width:79px; height:32px; line-height:32px;}
.shenjiChoice .tab-tit{ float:left;}
.shenjiChoice .tab-tit li{ float:left; width:108px; height:30px; line-height:30px; cursor:pointer; text-align:center; border:1px solid #c6c6c6; position:relative; border-radius:3px; margin:0 10px 10px 0; position:relative;}
.shenjiChoice .tab-tit li.on{ border-color:#f4674b;}
.shenjiChoice .tab-tit li.on i{display:block;width:22px; height:22px; position:absolute; right:0; bottom:0; background-position:-70px -245px;}
.shenjiChoice .choiceClass-con .con-wrap{ padding:0 0 12px 0;}
.shenjiChoice .tab-con .course-con p{ display:none;}

/**/
.shenjiCourse-mod{ border-radius:6px; background:#fff; box-shadow:0 4px 8px #f1f1f1; padding:40px 0 20px 40px;}
.shenjiCourse-mod .box{ float:left; width:545px; box-shadow:0 4px 8px #e7e9ed; margin-right:30px;}
.shenjiCourse-mod .box .top-tit{ height:100px; line-height:100px; text-align:center; font-size:26px; color:#fff; font-weight:bold; position:relative; border-top-left-radius:6px; border-top-right-radius:6px;}
.shenjiCourse-mod .box .top-tit .tags01{ display:block; height:28px; line-height:28px; font-size:12px; color:#9b4618; background:#ffd27a; padding:0 14px 0 20px; border-bottom-left-radius:10px; border-top-right-radius:6px; position:absolute; right:0; top:0;}
.shenjiCourse-mod .box .top-tit .tags02{ display:block; width:184px; height:28px; line-height:28px; font-size:12px; color:#9b4618; background:#ffd27a; text-align:center; border-radius:50px; border-bottom-left-radius:0; position:absolute; left:50%; margin-left:-92px; top:-12px;}
.shenjiCourse-mod .box.bg01 .top-tit{ background:url("//www.fawtography.com/images/template/2020afterExam/shenjiCourse-tit01.jpg") no-repeat;}
.shenjiCourse-mod .box.bg02 .top-tit{ background:url("//www.fawtography.com/images/template/2020afterExam/shenjiCourse-tit02.jpg") no-repeat;}
.shenjiCourse-mod .box.bg01 .characteristic-con p{ background:url("//www.fawtography.com/images/template/2020afterExam/course-ico01.png") no-repeat left center;}
.shenjiCourse-mod .box.bg02 .characteristic-con p{ background:url("//www.fawtography.com/images/template/2020afterExam/course-ico02.png") no-repeat left center;}
.shenjiCourse-mod .con{ padding:0 30px 25px; background:#fff;}
.shenjiCourse-mod .tips-tit{ height:60px; line-height:60px; text-align:center; border-bottom:1px solid #f3f3f3;}
.shenjiCourse-mod .characteristic-con{ padding:14px 0 7px 75px; border-bottom:1px solid #f3f3f3;}
.shenjiCourse-mod .characteristic-con p{ display:block; float:left; width:124px; height:26px; line-height:26px; margin:0 0 14px 0; color:#888; padding-left:35px;}
.shenjiCourse-mod .characteristic-con p span{ font-size:18px; color:#6ca7fd;}
.shenjiCourse-mod .course-con{ padding:3px 0 0;}
.shenjiCourse-mod .course-con li{ float:left; width:232px; margin:0 21px 0 0;}
.shenjiCourse-mod .course-con li.mr0{ margin-right:0;}
.shenjiCourse-mod .course-con .tit{ font-size:16px; line-height:46px; font-weight:bold;}
.shenjiCourse-mod .course-con .name01{ height:52px; line-height:52px; background:#f4f4f4; padding:0 0 0 28px; margin-bottom:2px;}
.shenjiCourse-mod .course-con .name01 span{ color:#f3664a;}
.shenjiCourse-mod .course-con .name01 strong{ font-size:26px; color:#f3664a; font-weight:bold;}
.shenjiCourse-mod .course-con .name02{ background:#ffedcf; padding:10px 0 3px 30px;}
.shenjiCourse-mod .course-con .name02 h3{ line-height:34px;}
.shenjiCourse-mod .course-con .name02 h3 span{ color:#f3664a;}
.shenjiCourse-mod .course-con .name02 h3 strong{ font-size:26px; color:#f3664a; font-weight:bold;}
.shenjiCourse-mod .course-con .name02 p{ line-height:25px; font-size:12px; color:#f3664a;}
.shenjiCourse-mod .btn-wrap{ text-align:center; font-size:0; padding:27px 0 0;}
.shenjiCourse-mod .btn-wrap .service-btn{ display:inline-block; *display:inline; *zoom:1; width:128px; height:38px; line-height:38px; font-size:16px; color:#999; text-decoration:none; text-align:center; border:1px solid #d5d5d5; border-radius:50px; margin:0 10px;}
.shenjiCourse-mod .btn-wrap .buy-btn{ display:inline-block; *display:inline; *zoom:1; width:126px; height:36px; line-height:36px; background:#fb6142; font-size:18px; color:#fff; box-shadow:0 4px 8px #fcdad4; text-decoration:none; text-align:center; border-radius:50px; margin:0 10px;}

/**/
.gaokuaiCourse-mod{ border-radius:6px; background:#fff; box-shadow:0 4px 8px #f1f1f1; padding:40px 0 20px 40px;}
.gaokuaiCourse-mod .box{ float:left; width:360px; box-shadow:0 4px 8px #e7e9ed; margin-right:20px;}
.gaokuaiCourse-mod .box .top-tit{ height:100px; line-height:100px; text-align:center; font-size:26px; color:#fff; font-weight:bold; position:relative; border-top-left-radius:6px; border-top-right-radius:6px;}
.gaokuaiCourse-mod .box .top-tit .tags01{ display:block; width:36px;height:27px;right:10px;top:0; position:absolute; font-size:12px; color:#f3664a; line-height:24px; background-position:0 -246px;}
.gaokuaiCourse-mod .box .top-tit .tags02{ display:block; width:240px; height:28px; line-height:28px; font-size:12px; color:#9b4618; background:#ffd27a; text-align:center; border-radius:50px; border-bottom-left-radius:0; position:absolute; left:50%; margin-left:-92px; top:-12px;}
.gaokuaiCourse-mod .box.bg01 .top-tit{ background:url("//www.fawtography.com/images/template/2020afterExam/gaokuaiCourse-tit01.jpg") no-repeat;}
.gaokuaiCourse-mod .box.bg02 .top-tit{ background:url("//www.fawtography.com/images/template/2020afterExam/gaokuaiCourse-tit02.jpg") no-repeat;}
.gaokuaiCourse-mod .box.bg03 .top-tit{ background:url("//www.fawtography.com/images/template/2020afterExam/gaokuaiCourse-tit03.jpg") no-repeat;}
.gaokuaiCourse-mod .box.bg01 .characteristic-con p{ background:url("//www.fawtography.com/images/template/2020afterExam/course-ico01.png") no-repeat left center;}
.gaokuaiCourse-mod .box.bg02 .characteristic-con p{ background:url("//www.fawtography.com/images/template/2020afterExam/course-ico03.png") no-repeat left center;}
.gaokuaiCourse-mod .box.bg03 .characteristic-con p{ background:url("//www.fawtography.com/images/template/2020afterExam/course-ico04.png") no-repeat left center;}
.gaokuaiCourse-mod .box.mr0{ margin-right:0;}
.gaokuaiCourse-mod .con{ padding:0 30px 25px; background:#fff;}
.gaokuaiCourse-mod .tips-tit{ height:60px; line-height:60px; text-align:center; border-bottom:1px solid #f3f3f3;}
.gaokuaiCourse-mod .characteristic-con{ padding:14px 0 7px 15px; border-bottom:1px solid #f3f3f3;}
.gaokuaiCourse-mod .characteristic-con p{ display:block; float:left; width:107px; height:26px; line-height:26px; margin:0 0 14px 0; color:#888; padding-left:35px;}
.gaokuaiCourse-mod .characteristic-con p span{ font-size:18px; color:#6ca7fd;}
.gaokuaiCourse-mod .course-con{}
.gaokuaiCourse-mod .course-con .top-tips{ background:#f4f4f4; line-height:57px; margin-bottom:2px; padding:0 0 0 30px;}
.gaokuaiCourse-mod .course-con .chk{ padding:10px 33px 0.267rem 30px; background:#f4f4f4; border:2px solid #f4f4f4; margin-bottom:2px; cursor:pointer; position:relative; overflow:hidden;}
.gaokuaiCourse-mod .course-con .chk input{ position:absolute; left:-50px; top:-50px;}
.gaokuaiCourse-mod .course-con .chk.on{ border:2px solid #f3664a !important;}
.gaokuaiCourse-mod .course-con .chk.hot-tags{ border:2px solid #ffedcf; background:#ffedcf;}
.gaokuaiCourse-mod .course-con .chk.on i{ display:block; width:31px; height:31px; position:absolute; right:0; bottom:0; background:url("//www.fawtography.com/images/template/2020afterExam/gaokuaiCourse-ico.png") no-repeat;}
.gaokuaiCourse-mod .course-con .chk .recommend-tips{ display:block; line-height:20px; font-size:12px; color:#fff; padding:0 9px; font-weight:bold; position:absolute; right:0; top:0; border-bottom-left-radius:10px; background:#ff8054; background-image:-webkit-linear-gradient(left, #ff8054, #fdac5a); background-image:linear-gradient(left,#ff8054,#fdac5a);}
.gaokuaiCourse-mod .course-con .prize{ line-height:34px;}
.gaokuaiCourse-mod .course-con .prize strong{ display:block; float:left; width:100px; font-size:26px; color:#f3664a;}
.gaokuaiCourse-mod .course-con .prize strong em{  font-size:14px;}
.gaokuaiCourse-mod .course-con .prize span{ display:block; float:left; font-size:14px; font-weight:bold;}
.gaokuaiCourse-mod .course-con .course-tips{ display:block; line-height:26px; font-size:12px; color:#f3664a;}
.gaokuaiCourse-mod .btn-wrap{ text-align:center; font-size:0; padding:27px 0 0;}
.gaokuaiCourse-mod .btn-wrap .service-btn{ display:inline-block; *display:inline; *zoom:1; width:128px; height:38px; line-height:38px; font-size:16px; color:#999; text-decoration:none; text-align:center; border:1px solid #d5d5d5; border-radius:50px; margin:0 10px;}
.gaokuaiCourse-mod .btn-wrap .buy-btn{ display:inline-block; *display:inline; *zoom:1; width:126px; height:36px; line-height:36px; background:#fb6142; font-size:18px; color:#fff; box-shadow:0 4px 8px #fcdad4; text-decoration:none; text-align:center; border-radius:50px; margin:0 10px;}

/**/
.equity-con{ background:#fff; border-radius:10px; padding:10px 16px 30px 26px; margin:40px 0 30px; border-bottom:1px solid #ebebeb;}
.equity-con h3{ line-height:50px; font-size:16px;}
.equity-con p{ line-height:34px;}
.equity-con .hide{ display:none;}
.equity-con .btn{ display:block; width:52px; height:26px; border:1px solid #e1e1e1; background-position:-98px -238px; border-radius:50px; margin:12px auto 0;}
.equity-con .btn.on{ background-position:-130px -238px;}
.moreCourse-btn{ display:block; width:288px; height:44px; line-height:44px; text-align:center; text-decoration:none; border:1px solid #f6575d; border-radius:50px; font-size:20px; color:#f6575d; margin:0 auto;}

/**/
.book-mod li{ width:285px; height:378px;margin-right:20px;float: left;}
.book-mod li.box{ width:285px; height:378px; background:#fff; border-radius:12px;-webkit-box-shadow:0 4px 8px #f5f5f5;  -moz-box-shadow:0 4px 8px #f5f5f5;  -ms-box-shadow:0 4px 8px #f5f5f5;  -o-box-shadow:0 4px 8px #f5f5f5;  box-shadow:0 2px 16px #f5f5f5; }
.book-mod li.box:hover{margin-top: 1px;box-shadow: 0 3px 10px #e0e0e0;}
.book-mod li .pic{ height:187px; position:relative; padding-left:18px;}
.book-mod li .pic span{ display:block; width:102px; height:93px; font-size:24px; color:#fff; line-height:30px; padding-top:4px; text-align:center; position:absolute; right:5px; top:0; background: url("/images/zhongjizhicheng/zhuanti/books/book-bg01.png") no-repeat;}
.book-mod li .pic.center{ text-align:center;}
.book-mod li h3{ height:48px; line-height:24px; padding:0 15px;display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden;}
.book-mod li .prize{ height:42px; line-height:42px; padding:16px 0 16px 20px; font-size:32px; font-weight:bold; color:#f3664a;}
.book-mod li .prize em{ font-size:18px; font-weight:normal;}
.book-mod li .prize del{ font-size:16px; color:#999; font-weight:normal; margin-left:10px;}
.book-mod li .btn-wrap{ text-align:center; font-size:0;}
.book-mod li .btn-wrap .service-btn{ display:inline-block; *display:inline; *zoom:1; width:117px; height:48px; line-height:48px; font-size:18px; color:#999; text-decoration:none; text-align:center; border:1px solid #d5d5d5; border-radius:50px; margin:0 9px;}
.book-mod li .btn-wrap .service-btn:hover{ border: 1px solid #fb6142; color: #fb6142;}
.book-mod li .btn-wrap .buy-btn{ display:inline-block; *display:inline; *zoom:1; width:119px; height:50px; line-height:50px; background:#fb6142; font-size:18px; color:#fff; box-shadow:0 4px 8px #fcdad4; text-decoration:none; text-align:center; border-radius:50px; margin:0 9px;}
.book-mod li .btn-wrap .buy-btn:hover{ background: #ff7458;}
.book-mod .prev,.book-mod .next{ display:block; width:50px; height:50px; cursor:pointer; position:absolute; left:0; top:145px; background-position:0 -286px; z-index:2;}
.book-mod .next{ left:auto; right:0px; background-position:-54px -286px;}
.book-mod  .moreBook{display: block; width: 282px; height: 46px; border-radius: 26px; border: 1px solid #f6575d; color: #f6575d; font-size: 20px; text-align: center; line-height: 46px; margin:30px auto;}
.book-mod  .moreBook:hover{box-shadow: 0 1px 5px #fdddde;}

/**/
.getReady-mod{ border-radius:6px; background:#fff; box-shadow:0 4px 8px #f1f1f1; padding:42px 0 34px 66px;}
.getReady-mod li{ float:left; width:336px; margin-right:30px;}
.getReady-mod .con{ text-align:center; box-shadow:0 0 8px #f0eded; padding:25px 0 15px;}
.getReady-mod .con .icon{ display:block; width:65px; height:70px; margin:0 auto;}
.getReady-mod .con .icon.ico01{ background-position:0px -354px;}
.getReady-mod .con .icon.ico02{ background-position:-105px -280px; width: 60px;}
.getReady-mod .con .icon.ico03{ background-position:-94px -350px;}
.getReady-mod .con h4{ line-height:28px; font-size:18px; font-weight:bold;}
.getReady-mod .con p{ line-height:24px; font-size:16px; color:#999;}
.getReady-mod .btn{ display:block; width:166px; height:46px; line-height:46px; text-align:center; font-size:20px; text-decoration:none; box-shadow:0 4px 8px #ffe5e9; color:#fff; margin:35px auto 0; border-radius:50px;background:#fa5844; background-image:-webkit-linear-gradient(left, #f64343, #ff6c46); background-image:-moz-linear-gradient(left,#f64343, #ff6c46); background-image:linear-gradient(left,#f64343, #ff6c46);}

.takeAsk{ margin-bottom: 50px;}
.takeAsk ul li{ width: 285px; height: 350px; overflow: hidden; border-radius: 10px; float: left; box-shadow: 0 3px 10px #f0f0f0; margin-right: 20px; background: #fff;}
.takeAsk ul li.last{ margin-right: 0;}
.takeAsk ul li h5{ font-size: 18px;margin: 48px 20px 0; cursor: pointer;}
.takeAsk ul li .askCon{font-size: 16px; padding: 20px; left: 0; bottom: -286px; background: #fff; line-height: 28px;}
.takeAsk ul li .askCon span{ display: block; width: 27px; height: 27px; border-radius: 27px; background: #fa5d51; color: #fff; text-align: center; font-size: 15px;}
.takeAsk ul li h6{font-size: 18px; margin-bottom: 20px;}
.takeAsk ul li a{ color: #fa5d51;}


/**/
.bottom-wrap{ width:100%; height:466px; background:url("//www.fawtography.com/images/zhongjizhicheng/zhuanti/books/botFoot.jpg") no-repeat center top;}
.bottomNav-mod{ padding:24px 0 0;}
.bottomNav-mod .tit{ height:62px; line-height:62px; padding-left:74px; font-size:30px; color:#fff; margin-bottom:32px; background:url("//www.fawtography.com//images/template/2020afterExam/acc.png") no-repeat left center;}
.bottomNav-mod ul{}
.bottomNav-mod li{ float:left; width:220px; text-align:center; color:#fff; position:relative;}
.bottomNav-mod li h3{ line-height:52px; font-size:36px; font-weight:bold;}
.bottomNav-mod li p{ line-height:32px; font-size:16px;}
.bottomNav-mod li i{ display:block; width:1px; height:62px; background:#898a8d; position:absolute; right:0; top:50%; margin-top:-31px;}
.bottomNav-mod .ewm{ padding:40px 0 0; text-align:center;}
.bottomNav-mod .ewm .box{ display:inline-block; *display:inline; *zoom:1; width:164px; margin:0 47px;}
.bottomNav-mod .ewm .box img{ display:block; width:164px; height:164px;}
.bottomNav-mod .ewm .box p{ font-size:16px; line-height:44px; color:#fff;}

/**/
.leftFixed{width:100px;padding:0 5px;position:fixed;_position:absolute;left:10px;top:50%; background:url("//www.fawtography.com/images/template/2020afterExam/fixNav-ico.png") no-repeat center 21px #9243ce; text-align:center;z-index:100; border-radius:8px; border-top-left-radius:50px; border-top-right-radius:50px; display:none;}
.leftFixed h6{line-height:32px;font-size:16px;color:#fff;font-weight:normal; padding:60px 4px 0;}
.leftFixed .onekey{ width:100px;background: #fff; padding: 10px 0;}
.leftFixed .onekey a{height:32px;line-height:32px; display: inline-block; margin: 0 3px; width: 94px;}
.leftFixed .onekey a:hover{color:#fff;text-decoration:none;background: #9243ce; border-radius: 5px;}
.leftFixed .hotline{margin-top:1px;background:#fff;padding-top:14px;}
.leftFixed .hotline p{line-height:20px;}
.leftFixed .wxgxh{padding-top:20px;line-height:40px;}
.leftFixed .wxgxh img{display:block;margin:0 auto;}
.leftFixed .returnTop{height:32px;line-height:32px;margin-top:10px;padding-left:20px;color:#fff;display:block; background-position:-123px -421px;}