/*
@author:njf
*/
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;margin:0 auto;color:#333;min-width:1200px;background-image:-webkit-linear-gradient(top,#fa465b,#ee3e5a,#da2e52); background-image:linear-gradient(top,#fa465b,#ee3e5a,#da2e52);}
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,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;}
.hide{ display: none;}
.icon{ background: url("/images/zhuanti/caikuaiyinluren/icon.png") no-repeat;}
.header-wrap{ background: #fff;}
.layout{ width: 1200px; margin: 0 auto;}

.title{ text-align: center; color: #fff; margin: 20px 0;}
.bodybg{background-image:-webkit-linear-gradient(top,#fe485b,#ff495a,#fb465b); background-image:-ms-linear-gradient(top,#fe485b,#ff495a,#fb465b); background-image:linear-gradient(top,#fe485b,#ff495a,#fb465b);background:#fd475a\9;}
.headTop{ background: url("/images/zhuanti/envelopesRed/headTop.jpg") no-repeat center top; height: 343px;}

.dataLoadList{background: url("/images/zhuanti/envelopesRed/bgPackage.png") no-repeat; height: 433px; padding: 20px 0 0 50px; width: 1150px; margin-bottom: 50px; overflow: hidden;position:relative;z-index:1;}
.dataLoadList dl dt{ font-size: 22px; color: #ff2639; text-align: center;float: left; font-weight: bold;padding:15px 0 0 73px; width:260px;height: 180px;margin:0 8px 0 15px;}
.dataLoadList dl dt strong{ color: #ff2639; font-size: 36px; padding:2px 0;display: inline-block; }
.dataLoadList dl dt .dataBtn{box-shadow: 0 0 15px #f8ab99; display: inline-block; vertical-align: middle; width:210px; height:60px; line-height: 60px; border-bottom: 5px solid #e9262b; text-align: center; color: #fff; font-size:24px; border-radius: 10px; background-image:-webkit-linear-gradient(top,#ff556d,#ff283b);background-image:-ms-linear-gradient(top,#ff556d,#ff283b);background-image:linear-gradient(top,#ff556d,#ff283b);background:#ff556d\9;}
.dataLoadList dl dt .dataBtn img{ width: 30px; height: 30px;display: inline-block; vertical-align: middle; margin-left: 15px;}
.dataLoadList dl dd{ width: 280px; padding: 5px 15px; font-size: 16px;margin:10px 0 20px 45px; display: inline-block; height:175px; box-shadow: 0 0 20px #ffcd9c; border-radius: 10px;background-image:-webkit-linear-gradient(top,#fff,#fffcf3); background-image:linear-gradient(top,#fff,#fffcf3);background:#fffcf3\9; text-align: center;}
.dataLoadList dl dd img{ width:115px; height: 115px; margin: 10px auto; display: block;}
.dataLoadList a:hover{ text-decoration: none;}
.dataLoadList .dataLoadList-noLogin{height:100%;position:absolute;left:0;right:0;top:0;background:#fff;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.recommendArea{ background: #b91438; border-radius: 20px;  margin-bottom: 30px;}
.recommendTab{ text-align: center; padding: 40px 0;}
.recommendTab ul li{display: inline-block;*display:inline; zoom: 1; text-align: center; width: 220px; height: 60px; line-height: 60px; font-size: 24px; color: #fff; border-radius: 30px; border: 2px solid #fff; cursor: pointer; margin: 0 15px;}
.recommendTab ul li.on{ background: #ff971d; border: 2px solid #ff971d;}
.recommendTab ul li i{right:25px;top:-35px;}
.recommendTab ul li em{ padding: 3px 8px; background: #fff; color: #fc4237; border-radius: 12px; border-bottom-left-radius: 0; right: 0px; top:-20px; font-size: 14px; line-height: 20px;}

.recommendCon{overflow:hidden;padding-top:5px;}
.recommenDemo dl dt,.recommenDemo dl dd{margin:0 0px 20px 20px;float:left;background:#fff;-moz-transition: all .3s;-webkit-transition: all .3s;transition: all .3s;}
.recommenDemo dl dt a,.recommenDemo dl dd a{width:332px;height:260px;padding:20px 20px 0;display:block;}
.recommenDemo dl dt a:hover,.recommenDemo dl dd a:hover{text-decoration:none;}
.recommenDemo dl dt a{height:202px;padding-top:78px;background:url(/images/zhuanti/envelopesRed/recommendCourseBg.jpg) no-repeat;text-align:center;color:#fff;}
.recommenDemo dl dt strong{display:block;line-height:48px;font-size:30px;}
.recommenDemo dl dt span{font-size:22px;line-height:42px;display:block;}
.recommenDemo dl dt em{padding:0 33px 0 20px;line-height:30px;border:1px solid #fff;margin-top:14px;display:inline-block;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:url(//www.chinaacc.com/images/demo/demo2019/result-dt-icon.png) no-repeat right center;}
.recommenDemo dl dt:hover,.recommenDemo dl dd:hover{-webkit-box-shadow:0 10px 24px rgba(160,164,166,.5);-moz-box-shadow:0 10px 24px rgba(160,164,166,.5);box-shadow:0 10px 24px rgba(160,164,166,.5);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);transform:translateY(-5px);}
.recommenDemo dl dd .tag-panel{height:26px;line-height:26px;}
.recommenDemo dl dd .tag-panel .tag{padding:0 13px;display:inline-block;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;color:#127de1;background:#f0f1f2;}
.recommenDemo dl dd strong{height:66px;display:block;font-size:18px;line-height:24px;margin-top:22px;}
.recommenDemo dl dd .img-panel{margin-bottom:10px;}
.recommenDemo dl dd .img-panel img{display:block;margin:0 auto;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.recommenDemo dl dd p{line-height:22px;color:#666;text-align:center;}


.recommendCourse{ padding-bottom:30px;}
.recommendCourse h3{ text-align: center; font-size: 24px; color: #fff; margin-bottom: 35px;}
.recommendCourse h3 i{ display:inline-block;*display:inline; zoom: 1; width: 30px; height: 1px; background: #fb7f9a; vertical-align: middle; margin: 0 15px;}
.recommendCourse ul li{ float: left; width: 570px; height: 280px; background: #fff; border-radius: 10px; margin-left:20px;}
.recommendCourse ul li dl dt{float: left; width: 190px; text-align: center; height: 210px;  padding: 35px 0; background: #ebf7fe; border-top-left-radius: 10px; border-bottom-left-radius: 10px; margin-right: 20px;}
.recommendCourse ul li dl dt h4{ font-size: 28px; color: #525d9b; font-weight: bold; line-height: 32px;}
.recommendCourse ul li dl dt h4 em{ display: block; width: 30px; height: 4px; background: #b5bef1; border-radius: 2px; margin: 10px auto;}
.recommendCourse ul li dl dt p i{display: inline-block; width: 6px; height: 6px; background: #afb6da; border-radius: 6px; vertical-align: middle; margin-right: 10px;}
.recommendCourse ul li dl dt p{ color: #525d9b; font-size: 16px; line-height: 36px;}
.recommendCourse ul li dl dd{float: left; width: 340px; padding-right: 20px;}

.recommendCourse ul li dl dt.frequency{ background: #ffdeca;}
.recommendCourse ul li dl dt.frequency h4{color: #fe494d;}
.recommendCourse ul li dl dt.frequency h4 em{background: #fe6d69;}
.recommendCourse ul li dl dt.frequency p i{ background: #fe6d69;}
.recommendCourse ul li dl dt.frequency p{ color:#fe494d; }


.recommendCourse ul li dl dd.recomName{ margin-bottom: 12px;}
.recommendCourse ul li dl dd.recomName span{ background: #f0f0f0; border-radius: 15px; padding: 5px 10px; font-size: 12px; color: #666; display: inline-block; margin: 20px 0 10px;}
.recommendCourse ul li dl dd.recomName span.zxkf{ border: 1px solid #fe1c2f; color: #fe1c2f; margin-left: 20px; background: #fff;}
.recommendCourse ul li dl dd.recomName span.zxkf a{ color:#fe1c2f; text-decoration: none; }
.recommendCourse ul li dl dd.recomName p{float: left; width: 42px; text-align: center;font-size: 12px; color: #666; margin-right: 10px;}
.recommendCourse ul li dl dd.recomName p img{display: block; margin-bottom: 8px; border-radius: 50%; width: 42px; height: 42px;}

.recommendCourse ul li dl dd.recomIntro p{ border-bottom: 1px solid #ededed; padding-bottom:8px; height:22px;overflow: hidden; margin-bottom: 15px;}
.recommendCourse ul li dl dd.recomIntro i{ background: #fcf4df; padding: 3px 10px; border-radius: 3px; font-size: 12px; color: #fb6345; margin:0 3px 5px 0; font-weight: bold; display: inline-block;}
.recommendCourse ul li dl dd.recomIntro strong{ font-size: 18px; color: #fe1c2f; display: inline-block; padding: 12px 0;}

.recommendCourse ul li dl dd.reconBtn a{ display: inline-block; width: 120px; height: 40px; line-height: 40px; border-radius: 5px; margin-right: 20px; border: 1px solid #fe5f69; font-size: 18px; text-align: center; color: #fe1c2f;}
.recommendCourse ul li dl dd.reconBtn a.buyCourse{ background: #ff5730; color: #fff; border: 1px solid #ff5730;}
.recommendCourse ul li dl dd.reconBtn a:hover{ text-decoration: none;}



.recommendSwcourse{ padding-bottom: 20px;}
.recommendSwcourse li{ float:left; width:255px; background:#fff; border-radius:4px; margin:0px 0px 0 20px; padding:10px 10px 25px; position:relative;}
.recommendSwcourse li h5{ font-size: 16px; margin: 5px 0; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.recommendSwcourse li h5 a{ text-decoration: none;}
.recommendSwcourse li p{ color: #fe1c2f; font-size: 18px; margin-top: 10px;font-weight: bold;}
.recommendSwcourse li p del{ color: #999; font-size: 14px; margin-left: 15px; font-weight: normal;}
.recommendSwcourse li .buyCourse{ display:block; border: 1px solid #fe5f69; font-size: 14px; text-align: center; height:36px; line-height: 36px; border-radius: 8px; color:#fe1c2f; margin-top: 10px;}
.recommendSwcourse li .buyCourse:hover{ text-decoration: none;}

.browersUpgrade{ font-size: 20px; color: #fff; padding: 50px; text-align: center; width: 100%; clear: both;}


.moreMarve{ width: 390px; height: 60px; border-radius: 30px; line-height: 60px; background: #ffdc7d; color: #fe1c2f; font-size: 22px; text-align: center; margin: 0 auto 50px;}
.moreMarve a{ color: #fe1c2f;text-decoration: none;}