/* njf */
body{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;margin:0 auto;color:#333;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;font-weight:normal}
a{color:#333;text-decoration:none;-moz-transition:color .3s ease,background-color .3s ease;-webkit-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;*star:expression(this.onFocus=this.blur());}
textarea,input{outline:none;}
textarea{resize:none;}
.layout{width:1200px;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;}
.tc{text-align:center;}
.mt10{margin-top:10px;}
.pb10{padding-bottom:10px;}


.freeClass-mod{ width:300px; background: url(/images/template/spreadNew/new-people-bg.jpg) no-repeat; height:270px; padding: 10px; border-radius: 5px; box-shadow: 0 3px 4px #e0e0e0; overflow: hidden; margin: 0 auto;}
.freeClass-mod h3{ font-size: 22px; color: #fff; margin-bottom: 5px;}
.freeClass-mod h6{font-weight: normal; color: #fef1c7; font-size: 14px;}
.freeClass-mod h6 span{display: inline-block; border: 1px solid #fef1c7; border-radius: 5px; padding: 2px 5px; position: relative; font-size: 12px;}
.freeClass-mod h6 span i{position: absolute;background: url(/images/template/spreadNew/arrow-tou-bg.jpg) no-repeat; width:9px; height: 7px; left: 50%; top: -7px; margin-left: -3px; }
.freeClass-mod ul.new-list li{ display: inline-block; width:140px; height: 56px; line-height: 56px; text-align: center; font-size: 14px; background: #fff8f6; border-radius: 3px; margin: 10px 3px 0;}
.freeClass-mod ul.new-list li strong{font-family: DIN Alternate,Microsoft Sans Serif; color: #fe5400; font-size: 30px; margin-right: 2px;}
.freeClass-mod ul.new-list li b{font-size: 16px;}
.freeClass-mod .nowReceive-btn{display: block; height: 50px; border-radius: 5px; box-shadow: 0 6px 7px rgba(246,52,0,0.4); text-align: center; line-height: 50px; color: #f33900; font-size: 18px; font-weight: bold; margin-top: 15px; width: 98%;
    background:-webkit-linear-gradient(left,#ffe9ac,#ffecc2,#ffe9b3);
    background:-moz-linear-gradient(left,#ffe9ac,#ffecc2,#ffe9b3);
    background:-ms-linear-gradient(left,#ffe9ac,#ffecc2,#ffe9b3);
    background:linear-gradient(left,#ffe9ac,#ffecc2,#ffe9b3);
}
.freeClass-mod ul.new-list li i{display: block;width: 20px; height: 2px; background: #fe9100; margin: -15px auto 0;}
.freeNewList h3{text-align: center;}
.freeClass-mod .title{font-size: 14px; text-align: center; color: #fff; margin: 6px 0;}
.freeClass-mod .title:after,.freeClass-mod .title:before{ content: ''; display: inline-block; width:94px; height: 5px; background:url(/images/template/spreadNew/left.png) no-repeat; vertical-align: middle; margin: 0 5px;}
.freeClass-mod .title:after{background:url(/images/template/spreadNew/right.png) no-repeat;}
.freeClass-mod .new-coupon li{background: url(/images/template/spreadNew/coupon.png) no-repeat; width: 140px; height:38px; display: inline-block;vertical-align: middle; margin: 0 3px; color: #fa8448; font-size: 12px; line-height:20px; padding-top:18px;}
.freeClass-mod .new-coupon li strong{font-size: 38px; color: #f24700;font-family: DIN Alternate,Microsoft Sans Serif; display: inline-block;}
.freeClass-mod .new-coupon li i{font-size: 14px; color: #ff5400;display: inline-block; vertical-align: top; margin: 0px 0 0 5px;}
.freeClass-mod .new-coupon li span{ display:block; float: left; height: 30px; margin-right: 5px;}
.freeClass-mod .new-coupon li b{ color: #f23900; display: inline-block; vertical-align: top;}
.freeClass-mod .new-coupon li p{display: inline-block; margin-top: -10px;}
.freeClass-mod .server-list li{ background: #fff8f6; border-radius: 5px; display: inline-block; margin: 0 3px; text-align: center; font-size: 12px; color: #999; width:90px; height: 36px;line-height: 36px; vertical-align: top;}
.freeClass-mod .server-list li b{ font-size: 14px; color: #333; display: block;}
.freeClass-mod .server-list li i{display: block;width: 20px; height: 2px; background: #fe9100; margin:5px auto;}



.course-free{ padding:10px 5px 10px 15px; border-radius: 5px; box-shadow: 0 3px 4px #e0e0e0; width: 300px; position: relative; margin: 0 auto; overflow: hidden; height:268px;}
.course-free .linkAll{position: absolute;width: 100%; height: 100%;left: 0;top: 0; z-index: 2;}
.course-free i{background: #ffe9c0; border-radius: 0 5px 0 5px; height:24px; line-height: 24px; padding: 0 10px; color: #e5891d; font-size: 12px; right: 2px; top:4px;  position: absolute;}
.course-free h3{font-size: 20px; line-height: 24px; padding-top: 20px;}
.course-free p{ font-size: 12px; color: #999; margin: 10px 0 15px;}
.course-free .course-list li{ display: inline-block; vertical-align: top; width: 45px; height: 65px; text-align: center; color: #666; margin: 0 8px;}
.course-free .course-list li img{ width: 42px; height: 42px; border-radius: 50%;}
.course-free .course-list li.price{ color: #ff3101; font-size: 20px; width: 104px;}
.course-free .course-list li.price strong{ color: #ff3101; font-size: 28px;font-family: DIN Alternate,Microsoft Sans Serif; font-weight: bold; }
.couponSnatch{background:url(/images/template/spreadNew/tearCoupon.png) no-repeat; width:265px; height: 60px; color: #fff; padding: 16px 15px 0 15px; font-size: 12px;position: relative;}
.couponSnatch .tearOpen{float: right; width:48px; height: 51px;animation: get-scale 1.5s infinite linear;}
.couponSnatch strong{font-size: 16px;}
@keyframes get-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.examCommunication{ border-top: 2px solid #07bc7e; padding: 15px; border-radius: 5px; box-shadow: 0 3px 4px #e0e0e0; width: 290px; overflow: hidden; margin: 0 auto;}
.examCommunication .examList img{ float: left; margin-right: 10px;}
.examCommunication .examList p{font-size: 12px; color: #999;}
.examCommunication .examList p strong{ color: #333; font-size: 18px;}
.examCommunication .examList p i{font-weight: bold;}
.examCommunication .ewmDisplay{text-align: center; font-size: 14px;}

.freeSevenList,.freeThirtyList,.freeNewList,.course-free,.examCommunication{ display: none;}

.course-free{position: relative;}
.banner-freeAsk{width: 1200px; margin: 0 auto; height: 80px; position: relative; text-align: center; font-size: 28px; color: #dd0b0b; line-height: 80px;}
.banner-freeAsk .freeAsk-btn,.banner-freeAsk .newPeople-btn{ display: block; width:150px; height: 62px; background: url("/images/template/spreadNew/freeAsk-btn.png") no-repeat; line-height: 46px; padding-left: 40px; position: absolute; text-align: left; right: 80px; top:15px; font-size: 20px; color: #fff; font-weight: bold;}
.newPeople{display: none;}