/*
@author: name
*/
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:#fff;min-width:1200px;background:#3248f4;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;font-weight:normal;}
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:#fff;}
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;}
.header-wrap {
  background:#fff;
}
.hfoot-list{
  padding-bottom:100px;
}
.header-wrap .header{
  width: 1200px;
  margin: 0 auto;
}
.header_mod{
  width:100%;
  height:530px;
  background:url(//www.jianshe99.com/upload/resources/image/2020/07/16/464294.png) center top no-repeat;
}
.header_mod h2{
  color:#fff;
  font-size:46px;
  color:#fff;
  text-align:center;
  padding-top:146px;
  line-height:46px;
  margin-bottom:162px;
}
.header_mod p{
  text-align: center;
  font-size:40px;
  color:#2a08ce;
  line-height:40px;
  font-weight: bold;
}
.content_mod{
  width:100%;
  background:url(/images/zaojia/zhuanti/2020dtmx/back_bg.jpg) center top no-repeat;
}
.common_mod{
  width:1200px;
  margin:0 auto 70px;
}
.common_mod .tit_out{
  text-align:center;
  width:1200px;
  margin:0 auto 30px;
}
.common_mod .tit_out .title_wra{
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.common_mod .tit_out .title_wra .l{
  width:60px;
  height:70px;
  background: url(/images/zaojia/zhuanti/2020dtmx/l.png) no-repeat;
}
.common_mod .tit_out .title_wra .r{
  width:64px;
  height:70px;
  background: url(/images/zaojia/zhuanti/2020dtmx/r.png) no-repeat;
}
.common_mod .tit_out .title_wra h3{
  margin:0 auto;
  height:70px;
  background: url(/images/zaojia/zhuanti/2020dtmx/c.png) repeat-x;
  font-weight:bold;
  line-height:70px;
  font-size:36px;
  padding-left:10px;
}
/* common_mod1 */
.common_mod1 ul{
  margin-right:-20px;
}
.common_mod1 li{
  background:#fff;
  border-radius:10px;
  width:285px;
  height:235px;
  margin-right:20px;
  padding-top:15px;
}
.common_mod1 li img{
  margin:0 auto;
  display:block;
  width:245px;
  height:111px;
}
.common_mod1 li h4{
  font-weight:bold;
  font-size:20px;
  color:#333;
  margin:16px 0;
  text-align:center;
  line-height:20px;
}
.common_mod1 li p i{
  width:6px;
  height:6px;
  border-radius:3px;
  background:#d6d6d6;
  margin:10px 10px 0 20px;
}
.common_mod1 li p span{
  font-size:16px;
  color:#666;
  line-height:26px;
}
/* common_mod2 */
.common_mod2 .progess_bar i{
  display:block;
  margin:16px auto;
  width:1008px;
  height:32px;
  background:url(/images/zaojia/zhuanti/2020dtmx/progress_bar.png) no-repeat;
}
.common_mod2 .progess_bar div{
  font-size:18px;
  margin-left:25px;
}
.common_mod2 .progess_bar div .fl{
  width:235px; text-align:center;
}
.common_mod2 li{
  width:224px;
  height:200px;
  background:#f2f3f3;
  border-radius:10px;
  margin-right:20px;
  overflow:hidden;
}
.common_mod2 li div{
  background:#fff;
  height:70px;
}
.common_mod2 li div h4{
  font-weight:bold;
  font-size:20px;
  color:#161719;
  line-height:70px;
  margin-left:32px;
}
.common_mod2 li div i{
  width:70px;
  height:50px;
  border-radius:25px 0 0 25px;
  text-align:center;
  line-height:50px;
  margin-top:10px;
  font-size:22px;
}
.common_mod2 li.source01 div i{
  background:#a55ffd;
}
.common_mod2 li.source02 div i{
  background:#f249bb;
}
.common_mod2 li.source03 div i{
  background:#fc2d2a;
}
.common_mod2 li.source04 div i{
  background:#fcbe2a;
}
.common_mod2 li.source05 div i{
  background:#fddd5f;
}
.common_mod2 li p{
  font-size:16px;
  color:#666;
  line-height:24px;
  margin:12px 30px 0 30px;
}
.common_mod2 ul{
  margin-right:-26px;
}
/* common_mod3 */
.common_mod3 .books_wra{
  width:1134px;
  margin:0 auto;
}
.common_mod3 .books{
  width:557px;
  height:295px;
  background:url(/images/zaojia/zhuanti/2020dtmx/books_bg.png) no-repeat;
}
.common_mod3 .books img{
  margin:26px 0 0 38px;
}
.common_mod3 .book_info{
  margin-left:20px;
}
.common_mod3 .book_info h4{
  font-weight:bold;
  color:#333;
  font-size:20px;
  margin-top:50px;
  line-height:20px;
  margin-bottom:24px;
}
.common_mod3 .book_info h4 i{
  width:66px;
  height:28px; line-height:28px; text-align:center; font-size:12px; color:#fff;
  background:url(/images/zaojia/zhuanti/2020dtmx/e_book.png) no-repeat;
  margin-top:-28px;
}
.common_mod3 .book_info p{
  color:#666;
  font-size:16px;
  line-height:24px;
  margin-bottom:10px;
  width:260px;
}
.common_mod3 .book_info div{
  color:#f24343;
  font-size:16px;
}
.common_mod3 .book_info div em{
  margin-top:14px;
}
.common_mod3 .book_info div span{
  font-size:30px;
}
.common_mod3 .book_info div i{
  width:56px;
  height:44px; line-height:18px; color:#fff; text-align:center; padding:11px 10px 0 0;
  background:url(/images/zaojia/zhuanti/2020dtmx/revice_icon.png) no-repeat;
  margin:-4px 0 0 10px;
}
.common_mod3 .books1{
  margin-right:20px;
}
/* common_mod4 */
.common_mod4 .out_wra{
  width:1101px;
  margin:0 auto;
}
.common_mod4 ul{
  margin-right:-30px;
}
.common_mod4 li{
  width:195px;
  height:172px;
  margin-right:30px;
  padding-top:30px;
  border-radius: 10px;
  background:#fff;
}
.common_mod4 li i{
  display:block;
  width:60px;
  height:60px;
  margin:0 auto;
}
.common_mod4 li.lesson1 i{
  background: url(/images/zaojia/zhuanti/2020dtmx/lesson_icon1.png) no-repeat;
}
.common_mod4 li.lesson2 i{
  background: url(/images/zaojia/zhuanti/2020dtmx/lesson_icon2.png) no-repeat;
}
.common_mod4 li.lesson3 i{
  background: url(/images/zaojia/zhuanti/2020dtmx/lesson_icon3.png) no-repeat;
}
.common_mod4 li h4{
  font-weight:bold;
  font-size:20px;
  color:#333;
  line-height:20px;
  margin:30px 0 16px;
  text-align:center;
}
.common_mod4 li p{
  color:#666;
  font-size:16px;
  line-height:16px;
  text-align:center;
}
/* common_mod5 */
.common_mod5 .chart{
  width:1200px;
  background:#fff;
  border-radius:10px;
  padding:40px 0;
}
.common_mod5 .chart img{
  margin:0 auto 40px;
  display:block;
}
.common_mod5 .chart p{
  color:#999;
  font-size:14px;
  margin-left:90px;
  line-height:26px;
}
/* common_mod6 */
.common_mod6 ul{
  margin-right:-20px;
  margin-top: 5px;
}
.common_mod6 li{
  width:286px;
  height:310px;
  background:#343dee;
  border-radius:6px;
  padding-top:10px;
  margin:0 60px;
}
.common_mod6 li .inner{
  width:265px;
  height:300px;
  background:#fff;
  border-radius:10px;
  position:relative;
  margin:0 auto;
  overflow: hidden;
}
.common_mod6 li img{
  display:block;
}
.common_mod6 li .inner div{
  position:absolute;
  bottom:-1px;
  left:0;
  height:114px;
  width:100%;
  text-align:center;
  background:#000;
  opacity: .8;
  filter: alpha(opacity=80);
}
.common_mod6 li .inner div h4{
  padding:10px 0 6px;
  font-size:18px;
}
.common_mod6 li .inner div p{
  font-size:14px;
}
/* common_mod7 */
.common_mod7 .serve{
  width:557px;
  height:295px;
  background:url(/images/zaojia/zhuanti/2020dtmx/books_bg.png) no-repeat;
}
.common_mod7 .serve .text{
  margin:70px 0 0 48px;
}
.common_mod7 .serve .text h4{
  color:#333;
  font-weight:bold;
  font-size:20px;
}
.common_mod7 .serve .text p{
  text-indent: 2em;
  font-size:16px;
  color:#666;
  line-height:24px;
  width:210px;
}
.common_mod7 .serve01{
  margin-right:20px;
}
.common_mod7 .serve .img_list{
  width:246px;
  height:246px;
  border-radius:6px;
  overflow:hidden;
  margin:20px 0 0 20px;
  position:relative;
}
.pagination,.pagination2 {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  left:50%;
  margin-left:-34px;
  text-align: center;
}
.swiper-pagination-switch {
  float:left;
  _display:inline;
  position:relative;
  background:#6a7383;
  margin-right:12px;
  width:8px;
  height:8px;
  border-radius:4px;
}
.swiper-active-switch {
  background: #343eee;
}
.common_mod7 .serve .img_list li{
  width:100%;
  height:100%;
}
.common_mod7 .ser_list{
  width:1134px;
  margin:0 auto;
}
.common_mod7{
  padding-bottom:80px;
  margin-bottom:0;
}

/* footer */
.fix_buy_bar{
  height:100px;
  background:#3111d0;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  z-index:99;
}
.fix_buy_bar .wrap{
  width:1200px;
  margin:0 auto;
}
.fix_buy_bar .foot_bg{
  display:block;
  width:595px;
  height:100px;
  background:url(/images/zaojia/zhuanti/2020dtmx/footer.png) no-repeat;
  color:#e7be7d;
  font-size:32px;
  line-height:100px;
  padding-left:100px;
}
.fix_buy_bar .foot_bg span{
  font-size:20px;
  margin-left:30px;
  text-decoration: line-through;
}
.fix_buy_bar a{
  width:172px;
  height:50px;
  text-align:center;
  line-height:50px;
  color:#fff;
  font-weight:bold;
  font-size:24px;
  border-radius:25px;
  background:#f85a6e;
  margin-top:25px;
}
.fix_buy_bar .ask{
  background:#f6ae42;
  margin-left:16px;
}

/*  */
.rightNav{
  position: fixed;
  left: 10px;
  top: 50%;
  margin-top: -260px;  
  z-index: 98;
}
.rightNav .title{
  display:block;
  width:120px;
  height:46px;
  background-image: url(/images/zhucekuaijishi/zhuanti/baominghuodong/right_nav_bg.png);
  background-repeat: no-repeat;
}
.redpacket a,.service a{
  display: inline-block;
  position: relative;
  text-align: center; 
}

.redpacket a span{
  color: #d73333;
  position: absolute;
  top: 4px;
  left: 19px;
  font-size: 16px;
  font-weight: bold;
}

.service a span{
  font-size: 14px;
  position: absolute;
  left: 20px;
  tOP: 54px;
}
.rightNavUl .last{
  border-bottom: 0;
  color: #fffbaf;
  font-size: 16px;
  line-height: 30px;
  padding: 10px 0;
}
/**/
.rightNavUl{
  width:80px;
  background-color:#fff;
  margin:0 auto;
  overflow:hidden;
}
.rightNav .out_wra{
  width:92px;
  border-radius:6px;
  background:#5278ff;
  padding:6px 0 16px;
  position:relative;
}
.rightNavUl li{
  line-height: 46px;
  color: #004ac4;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  font-size:14px ;
  font-weight: bold;
  height:46px;
}
.rightNavUl .on{
  color: #f85d39;
  font-weight: bold;
}
.rightNav .go_top {
  display:block;
  width:70px;
  margin:14px auto 0;
}
.rightNav .go_top i{
  width:10px;
  height:9px;
  background:url(/images/zaojia/zhuanti/2020dtmx/top.png) no-repeat;
  margin:6px 10px 0 10px;
}
.rightNav .go_top span{
  color:#fff;
  font-size:14px;
}

/**/
.course-mod{ background:#fff; padding:30px 50px 0 50px; color:#0c0030; border-radius:10px;}
.course-mod table{width:100%;border-collapse:collapse;}
.course-mod table th,.course-mod table td{line-height:46px;border:1px solid #cdc9d9;font-size:14.5px;padding:0 30px;background:#fff; text-align:left;}
.course-mod table td del{color:#8d83a8;margin-left:30px;}
.course-mod table td input{filter:alpha(opacity=0);opacity:0;}
.course-mod table thead th{background:#312757;color:#fff;font-size:22px;border-color:#312757;font-weight:normal;}
.course-mod table th{font-weight:bold; color:#0c0030;}
.course-mod table strong{font-weight:bold; color:#0c0030;}
.course-mod .optionEvent{width:18px;height:18px;overflow:hidden;display:inline-block;vertical-align:middle;margin:-3px 10px 0 0;background:url(//www.chinaacc.com/images/zhuceshuiwushi/zhuanti/mixunban/checkbox-icon.png) no-repeat;cursor:pointer;}
.course-mod .optionOn{background-position:left -19px;}
.course-mod .tfoot{padding:28px 0 50px;line-height:50px;}
.course-mod .tfoot p{color:#8d83a8;font-size:16px;}
.course-mod .tfoot .price{font-size:30px;color:#e03940;}
.course-mod .tfoot .goBuy{width:160px;height:50px; text-decoration:none; background:url(//www.chinaacc.com/images/zhuceshuiwushi/zhuanti/mixunban/goBuy.png) no-repeat;text-align:center;color:#fff;font-size:22px;margin-left:24px;}
.course-mod .tfoot .tex{ float:left; font-size:16px; color:#8d83a8;}



.reson_list{background-color: #f9f9f9;padding-bottom: 30px; border-radius:10px;}
.chartIcon{width: 169px;height: 176px; background:url("/images/zaojia/zhuanti/2020dtmx/icon.png") 0 0 no-repeat;margin-left: 80px;margin-top: 70px;}
.chart .reson_list{width: 1200px;margin: 30px auto;background-color: #ffffff;border-radius: 6px;-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);}
.chartBox {padding: 60px 60px 55px 130px;}
.chartBorder{width: 715px;border-bottom: 2px solid #e7e6e5;border-left: 2px solid #e7e6e5;position: relative;}
.chartBorder ul li{height: 48px;border-bottom: 2px solid #f7f7f7;color: #999999;font-size: 14px;position: relative;}
.chartBorder ul li span{position: absolute;left: -50px;top: 39px;}
.chartTop{width: 24px;height: 12px;background:url("/images/zaojia/zhuanti/2020dtmx/icon1.png")0 0 no-repeat;position: absolute;top:-12px;left: -13px;}

.chartCylindrical{position: relative;}
.chartCylindrical .CylindricalList{float: left;position: relative;text-align: center;position: absolute;bottom: 0;}
.chartCylindrical .Cylindrical{
  display: inline-block;
  width: 24px;
  height: 100px;
  background-image:-webkit-linear-gradient(top, #fd654e, #fe8410);
  background-image:-ms-linear-gradient(top, #fd654e, #fe8410);
  background-image:linear-gradient(top,#fd654e,#fe8410);
  background-color: #fd6847;
  border-radius: 20px 20px 0 0;
}
.chartCylindrical .CylindricalList .CylindricalP1{color: #ff7f5a;font-size: 18px;font-weight: bold;display: block;padding-bottom: 10px;}
.chartCylindrical .CylindricalList .CylindricalP2{color: #333333;font-size: 14px;font-weight: bold;margin-bottom: -26px;display: block;padding-top: 5px;zoom: 1;}
.box
{
  border-radius:0px;
  width:200px;
  height:100px;
  background-image:-webkit-linear-gradient(top, rgba(255, 250, 244, 0.8), rgba(255, 255, 244, 0));
  background-image:-ms-linear-gradient(top, rgba(255, 250, 244, 0.8), rgba(255, 255, 244, 0));
  background-image:linear-gradient(top, rgba(255, 250, 244, 0.8), rgba(255, 255, 244, 0));
  position:relative;
}