@charset "utf-8";
/* CSS Document */

/*title*/
.h3-title{ text-align:center; padding:50px 0 25px 0;  position: relative;}
.h33-title{ text-align:center; padding:25px 0 25px 0;  position: relative;}

.title-txt{ text-align:left; margin-left: -40px; vertical-align:12px;}
.f-white{ color:#fff;}
.f-black{ color:#0f2641;}
.h1{ font-size:60px; font-weight:bold;}
.h11{ font-size:60px; font-weight:bold; color:#fff;}
.h2{ font-size:16px;}
.h22{ font-size:20px; color:#fff;}
/*内容1*/
.con01-box { background: #2b2e37; padding-bottom: 60px;}
.study-bm-box{ background:#fff; text-align: center;}
.study-bm-box td{ border:1px #f5f5f5 solid; padding: 10px 0; border-bottom: solid 2px #eee;}
.study-bm-btn{ width:60px; height:28px; display:inline-block; line-height:28px; text-align:center; background:#fb8806; border-radius:2px; color:#fff; font-size:15px;}
.study-bm-btn:hover{ background:#f47900;}
.study-name{ font-size: 22px;}
.study-bm-box td.study-left-kmxz{ padding-right: 15px;}
/***********通关方案***********/

/*01套餐班*/
/*标题*/
.modular-tgfa{ background:url(bj-bg.jpg) no-repeat center 0 #0a0b27;  }
/*class-header*/
.wx-class-header {margin-left: 60px; width: 100%;/*悬浮顶部效果 position: fixed; top: 0; left:50%; z-index:100; margin-left:-515px;*/}
.wx-class-box li{ float: left; text-align: center; color: #fff; width:450px; position: relative; height: 70px;line-height: 61px; left:40px; padding-top: 8px; display:block;}	
.wx-class-header li span {
    font-size: 24px;
    font-weight: bold;
 
}
.wx-class-header li i {
    font-size: 16px;
    font-style: normal;
    line-height: 25px;
  
}
/*小广告*/
.news{ width:1000px;  margin:0 auto;}
.wx-class-header11 {width: 100%;}
.news li {float: left; border-radius: 10px 10px 0 0; color: #fff;position: relative;height: 85px;}
.wx-label-zhbj {width: 135px!important;position: absolute!important;height: 120px; background:url(../images/wx-label-zhbj.png) 0 0;z-index: 100!important;}
.gules-bg {background:url(../images/tgfa_bt_bg.png) no-repeat;width: 555px;height: 100px;}
i.bm68 {
    /*background: url(bm68z.png) no-repeat;*/
    width: 87px;
    height: 102px;
    position: absolute;
    top: -20px;
    right: 30px;
}
.bm-78z {
    position: absolute;
    top: -20px;
    right: 10px;
    width: 96px;
    height: 118px;
    /*background: url(//img.233.com/wx/img/chuji/2018/nzq-78.png) no-repeat;*/
    display: block;
}
.biaoqian-1 {
   background: url(http://img.233.com/wx/img/teacher/2018/icon_bg_1128.png) -10px -38px no-repeat;
    width: 66px;
    height: 76px;
    display: inline-block;
    float: left;
    position: absolute;
    left: 5px;
	top:5px;
}
.wx-class-header11 li span {
    font-size: 20px;
    font-weight: bold;
	position: absolute;
    left: 80px;
}
.biaoqian-3 {
    float: left;
    position: absolute;
    margin-top: 24px;
    margin-left: 5px;
    background: #fff;
    color: #e13a34;
    border-radius: 12px 12px 12px 0px;
    padding: 0px 4px;
    line-height: 140%;
    font-size: 20px;
}
.biaoqian-3 i{ font-size:30px; color:#314394;}
.wx-class-header11 li p {
    font-size: 14px;
    color: #f8dca1;
	position: absolute;
    top: 35px;
    left: 80px;
	font-weight:bold;
}
.wx-class-header11 li p i {
    -webkit-animation: twinkling 2.5s 1s ease infinite;
    color: #fff;
}
.wx-yellow-bg {
    border-bottom: 3px solid #e05431;
    width: 355px;
    height: 90px;
    margin-top: -3px;
    margin-left: -10px;
}
/*.camber_tg_top_js2018 {
    width: 500px;
    z-index: 999;
    position: relative;
    font-size: 14px;
    height: 71px;
}

.camber_font {
    display: inline-block;
    color: #ffd288;
    font-size: 16px;
    margin-left: 10px;
    width: 120px;
    margin-top: 10px;
}
.camber_font strong {
    font-size: 22px;
    font-weight: bold;
}
.tanqi {
    -webkit-animation: bounce 2.5s 1s ease infinite;
    -moz-animation: bounce 2.5s 1s ease infinite;
}
learn.css?v=20181129_1:498
.camber_btn {
    position: absolute;
    top: 20px;
    right: 130px;}
.camber_btn:before {
    position: absolute;
    content: "";
    width: 106px;
    height: 36px;
    top: -4px;
    right: -4px;
    border-radius: 50px;
    border: 1px solid transparent;
    transition: 0.3s ease-out;
}
.camber_btn a {
    position: absolute;
    width: 100px;
    height: 30px;
    background: #b4823b;
    background-image: linear-gradient(120deg, #b4823b,#d9b373 );
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 28px;
    border-radius: 40px;
    top: 0;
    right: 0;
    z-index: 2;
}*/
	
/*class-list*/	
.wx-class-box{ width:1000px; margin: 0 auto; position: relative;}
.bt{ width:100px; height:78px; background:#FFF; position: absolute; left: 0px; border-bottom: 1px solid #f1f1f1;}
.bt span{font-size: 20px;font-weight: bold;  position: absolute;top: 24px; color:#fff; left:5px;}
.bt i{font-size: 16px; font-style: normal; line-height: 80px;color:#fff;}
.wx-class-list td{ background: #fff;  border-bottom: solid 1px #f1f1f1; font-size: 14px; width:215px; }
.ts-model {
    padding: 0 !important;
    border-bottom: none !important;
}
.gc_all {
    width: 895px;
    display: block;
    background-color: #fff;
    height: 50px;
    z-index: 100;
    position: relative;
    border-bottom: solid 1px #f1f1f1;
    line-height: 50px;
    padding: 15px 0;
height:70px;
}

.gc_all strong {

    font-size: 14px;
    line-height: 23px;
    height: 24px;
    padding: 0 8px;
    background: #fff;
    border: #cdcdcd solid 1px;
    color: #666;
    border-radius: 15px;
    margin: 4px 0px 4px 20px;
    display: inline-block;
}
.nzq-68{position: absolute;
    top: -60px;
    left: 196px;
    width: 96px;
    height: 118px;
    background:url(../images/nzq-68.png) no-repeat; z-index:100;}

/*color*/
.cxtp-head-list{ background-color:#3d7ed8; background-image: linear-gradient(120deg, #4467d2, #4478f0); width: 100px;}
.gu les-bg{ background:#314394; background-image: linear-gradient(120deg, #314394,#4c62c0);}
.blu e-bg{ background:#f07c00; background-image: linear-gradient(120deg, #f07c00, #f3c200);}
.gol den-bg{ background:#c3a777; background-image: linear-gradient(120deg, #c3a777, #e0c494);}
.rel{color:#ea0b00;}
.gules-bg1{ background:#314394; background-image: linear-gradient(120deg, #314394,#4c62c0);}
.blue-bg{ background:#314394; background-image: linear-gradient(120deg, #314394,#4c62c0);}
/*.blue-bg{ background:#e8534d; background-image: linear-gradient(120deg, #d71e3d, #e8534d);}*/
.golden-bg{ background:#314394; background-image: linear-gradient(120deg, #314394,#4c62c0);}
/*.golden-bg{ background:#ff8635; background-image: linear-gradient(120deg, #ec660d, #ff8635);}*/

/*取证班解析*/
.title-note-ico{ width:18px; height:18px; background: rgba(250,250,250,0.4);_background:none; border:none;_border:1px #fff solid; border-radius:100%;cursor: pointer; color:#FFF; font:normal 14px/18px Arial !important; position:absolute;right:10px; top:10px; text-align:center;}
.title-note-txt{ display: none; background: rgba(0,0,0,0.6); width: 100%; position: absolute; bottom: 0px; left: 0px; font: normal 14px/20px '微软雅黑'; color:#FFF; padding: 3% 0px; }
/*科目选择*/	
.class-subject-right{ width: 310px;}
.class-subject-right td.class-name{font-size: 16px; color: #000; font-weight: bold;}
.class-subject-right td.class-price{color: #f24641; font-size: 16px; font-weight: bold; border-left: solid 1px #f5f5f5; border-right: solid 1px #f5f5f5;}	
.class-subject-right td a {
    background: #1e5ee0;
    background-image: linear-gradient(100deg, #1e5ee0,#6094ff);
    font-size: 16px;
    padding: 0px 12px;
    height: 28px;
    line-height: 28px;
    border-radius: 15px;
    margin: 0px auto;
    color: #fff;
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    box-shadow: 0 2px 10px rgba(60,130,247,0.5);
}
.class-subject-right td a:hover{   -webkit-transform: translateX(5px);transform: translateX(5px); }
.class-subject-right td{ text-align: center; width: auto; }
.class-subject-right tr{border-bottom: solid 1px #f5f5f5; line-height: 50px;}
.class-subject-right tr.border-no{ border-bottom: none;}
.wz{ font-size:18px; color:#F00; font-family:"微软雅黑";text-align: center;line-height: 50px; position: relative;
    top: 20px;}
.km{font-size:14px; color:#666; font-family:"微软雅黑";text-align: center;line-height: 25px;}
.km1{ width:224px; height:50px;font-size:18px; color:#F00; font-family:"微软雅黑";text-align: center;line-height: 25px; border-top:1px solid #f1f1f1;}
.km2{ width:224px; height:50px;font-size:18px; color:#F00; font-family:"微软雅黑";text-align: center;line-height: 25px; }
/*适合人群*/	
.outer-box {width: 45px; font-size: 13px; color: #4a80d7; height: 40px; padding-top: 5px; margin: 0 auto; background: url(cxtp-img.png) no-repeat -268px -281px; display: inline-block; text-align: center; line-height: 15px; vertical-align: middle}
.outer-box02{color: #e24c46; background-position: -320px -281px;}
.outer-box03{ background-position: -373px -281px;}
.class-crowd-right,.combine{ padding: 10px 10px 10px 16px;}	
.class-crowd-right .sh-font1{ color:  #555}
.class-crowd-right  i{ color:#F00;  font-size:12px; text-align:center; font-style:normal;}
/*包含班级*/
.class-include i {
    font-size: 14px;
    line-height: 23px;
    height: 24px;
    padding: 0 8px;
    background: #ffefef;
    border: #ffc4c2 dashed 1px;
    color: #333;
    border-radius: 15px;
    margin: 4px 13px 4px 0;
    display: inline-block;
	font-style:normal;
}
.class-include .combine-alike {
    background: #fff;
    border: #999 dashed 1px;
}
.class-include .combine-not{ }	
/*套餐特色*/
.class-characteristic{ line-height: 24px; }
.class-characteristic p font{color: #999;}	
/*课程优势*/
.class-advantage li span{ width: 24px; font-weight: bold; color: #fff; height: 24px; text-align: center; line-height: 24px; background: #ffcc39; background-image: linear-gradient(120deg, #ffcc39, #fb8806); display: inline-block; border-radius: 50%; position: relative; margin-right: 10px;  left: 0;}
.class-advantage li span i{ display:block; width:0; height:0; border-width:6px 0 6px 6px; border-style:solid; border-color:transparent transparent transparent #fca31a;/*透明 透明 透明 颜色*/ position: absolute; top: 50%; margin-top: -6px; right: -3px;}
.class-advantage li font{ font-size:12px; color: #999;}
.class-advantage li{ padding:5px 0; position: relative; word-wrap:break-word;}
.wx-class-song{ padding-right: 8px; vertical-align: text-top; }
.wx-class-text{padding: 15px 0; padding-right: 8px; }
.wx-class-text p{position: relative; margin-left: 40px; line-height: 29px; color:#333;}
.wx-class-text span{ color: #999; font-size: 13px;}
.wx-class-text i {
    width: 19px;
    height: 24px;
    display: block;
    color: #fff;
    background: linear-gradient(120deg, #ea0b00, #ff4c4c);
    padding-left: 5px;
    line-height: 23px;
    position: absolute;
    left: -30px;
    top: 2px;
    border-radius: 100px;
    box-shadow: 0px 2px 10px rgba(248,73,73,0.5);
}
.wx-class-song i {
    width: 19px;
    height: 24px;
    display: block;
    color: #fff;
    background: linear-gradient(120deg, #ea0b00, #ff4c4c);
	background-color:#ea0b00;
    padding-left: 5px;
    line-height: 23px;
    position: absolute;
    left: -30px;
    top: 2px;
    border-radius: 100px;
    box-shadow: 0px 2px 10px rgba(248,73,73,0.5);
	text-align:center;
}

.common-text{
	color:#000 !important;	
	}

.wx-class-song p{position: relative; margin-left: 40px; line-height: 29px; }
.wx-class-song span{ color: #e63338; font-size: 13px;}
.wx-class-song .s-red{ color: #f24641; font-weight: bold; margin-left: 16px;}
.wx-class-song02{ padding-right: 6px;}
.wx-class-song02 i{ background: #fff !important; border: #7d7d7d solid 1px !important; border-radius: 8px !important; width: 14px !important; height: 14px !important; padding-left: 0 !important; text-align: center !important; font-weight: bold !important; font-size: 12px !important; color: #000 !important; line-height: 13px !important; left: -22px !important; top: 5px !important; box-shadow:none !important;}	
/*课程保障*/
.class-guarantee font{ color: #fb8806; line-height: 24px;}
.kebaoz02 {
    background: linear-gradient(120deg, #f12016, #ff5353);
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    display: inline;
    padding: 0 7px;
    border-radius: 100px;
    box-shadow: 0px 2px 10px rgba(248,73,73,0.5);
    background-color: #f12016;
}
.ckxy-btn{
	color:#999;
	text-decoration:underline;	
	}
.ckxy-btn:hover{
	color:#e63338;
	transition:all 0.5s;
	text-decoration:underline;
	}
.kebaoz02 span{ font-weight: normal;  color: #999; font-size: 13px;}


/*按钮*/
.class-button td{ text-align: center; position: relative; z-index: 5; padding: 20px 0; }
.class-button td a{ margin:0 15px; border-radius:18px; height:36px; line-height:36px; font-size:16px; width:100px; display:inline-block; text-align: center; color:#fff; text-decoration:none;}
.class-button td .class-button01 {
    background-color: #fff;
    box-shadow: 0px 5px 10px #fd7c7c;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    border-radius: 100px;
    height: 32px;
    color: #fff;
    line-height: 32px;
	background:#f12016;
}

.class-button td .class-button01:hover, .class-button td .class-button01:focus, .class-button td .class-button01:active {
	transform:translateY(-5px);transition:all .3s;
-webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;}
.class-button td .class-button02{background-color:#1e5ee0;  background-image: linear-gradient(120deg, #1e5ee0, #4a83f7); box-shadow:0px 5px 10px #b4d0f0;}
.class-button td .class-button02:hover, .class-button td .class-button02:focus, .class-button td .class-button02:active{  background-image: linear-gradient(120deg,#4a83f7, #1e5ee0); 
	transform:translateY(-5px);transition:all .3s;
	-webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;}
  
/*分割线*/
.class-line-tree{ }
.class-line-tree span,.class-line-two span{height: 100%; position: absolute; width: 10px;top: 0; z-index: 99;}
.class-line-tree span.class-line-left,.class-line-two span.class-line-left{background: url("http://img.233.com/wx/img/jzs1/2016/bjlb-left-ty.png") repeat-y scroll 0 0; left:90px; }	
.class-line-tree span.class-line-right,.class-line-two span.class-line-right{background: url(http://img.233.com/wx/img/jzs1/2016/bjlb-right-ty.png) repeat-y;}
.class-line-tree span.class-line-right1,.class-line-two span.class-line-right1{background: url(http://img.233.com/wx/img/jzs1/2016/bjlb-right-ty.png) repeat-y;}

/*线条定位*/
.class-line-tree span.line-position02{ left:390px;}
.class-line-tree span.line-position03{ left:990px;}
.class-line-tree span.line-position04{ left:1290px;}




.class-line-tree span.class-line-right{ left:550px;}
.class-line-two span.class-line-right{ left: 1000px;} 
/*.class-line-two span.class-line-right1{ left: 780px;} */

/*左侧*/
.wx-class-list .wx-class-left{ width:48px; text-align: center; font-size: 16px; font-weight: bold; vertical-align: middle; background:#f4f6f7;}