@import url("/view/site/statics/css/style.css");

/*全局标签定义*/
.ti {font-family:"微软雅黑"; color:#444;}

/*h标题*/
.ti h1 {font-size:22px; display:inline-block; _zoom:1;*display:inline;}
.ti h2 {font-size:14px; display:inline-block; _zoom:1;*display:inline;}
.ti h3 {font-size:14px; display:inline-block; _zoom:1;*display:inline;}

/*链接*/
.ti a {color:#369;}
.ti a:hover {color:#ff6500;}
.ti a.link-style1 {display:inline-block; background-color:#e60115; color:#fff; padding:0px 5px;}
.ti a:hover.link-style1 {color:#fff;}
.ti a.link-style2 {display:inline-block; color:#C30; padding:0px 10px; background:url('image/icon.png') no-repeat -74px -515px;}
.ti a:hover.link-style2 {color:#c30;}
.ti a.link-style3 {display:inline-block; color:#fff; width:80px; padding-top:4px; height:25px; text-align:center; font-size:14px; background:url('image/icon.png') no-repeat 0px -568px; line-height:20px;}
.ti a:hover.link-style3 {color:#fff;}
.ti a.link-style4 {color:#c30;}
.ti a:hover.link-style4 {color:#c30;}
.ti a.link-style5 {display:inline-block; background-color:#f1f1f1; color:#444; padding:0px 5px;}
.ti a:hover.link-style5 {color:#ff6500;}
.ti a.link-style6 {color:#b60000;}
.ti a.link-style7 {color:#333;}

/*字体颜色*/
.ti .col-c30 {color:#C30;}
.ti .col-777 {color:#777;}

/*距离*/
.ti .mt7 {margin-top:7px;}
.ti .ml30 {margin-left:30px;}

/*按钮*/
.ti .btn-style1 {border:0px; cursor:pointer; width:80px; height:29px; padding-bottom:2px; margin-right:5px; text-align:center; font-weight:700; font-size:14px; color:#fff; background:url('image/icon.png') no-repeat 0px -568px; font-family:"微软雅黑";}

.ti .g-page-4 {padding:30px;}
.ti .g-page-4 a {color:#333;}
.ti .g-page-4 a:hover {color:#b60000; border-color:#b60000;}
.ti .g-page-4 span {background:#b60000; color:#fff; color:#fff; border:1px solid #b60000;}

/*顶部*/
.ti .top-area {height:22px; padding-top:2px; border-bottom:1px solid #D8D8D8;}
.ti .top {width:980px; margin:auto;}
.ti .top a {margin-right:5px;}

/*banner*/
.ti .banner {margin:auto; width:980px; height:96px; background:url('image/pic.png') no-repeat 0px 0px;}

/*导航*/
.ti .nav-area {height:51px; background:url('image/nav.png') repeat-x 0px -109px;}
.ti .nav {margin:auto; width:980px; overflow:hidden;}
.ti .nav ul li {float:left; width:103px; height:41px; padding-top:10px; text-align:center; font-size:14px; background:url('image/nav.png') no-repeat 0px 0px;}
.ti .nav a {color:#fff;}
.ti .nav a:hover {color:#fff;}
.ti .nav .rt {font-size:12px;}
.ti .nav .on {background:url('image/nav.png') no-repeat 0px -54px;}

/*通知*/
.ti .notice {width:980px; margin:3px auto 10px; padding:5px 10px; background-color:#f1f1f1; font-size:14px; line-height:24px;}
.ti .notice .red {color:#c30;}

/*整体构架*/
.ti .wrapper {width:980px; margin:0px auto 10px; overflow:hidden;}
.ti .wrapper-lft {float:left; width:715px; margin:30px 15px 0 0;}

/*首页hc*/
.ti .hc3 {width:693px; padding:10px; border:1px solid #ddd; border-bottom:0px; background-color:#fff; line-height:24px;}
.ti .hc3-h {width:683px; padding:0px 0px 15px 10px; font-weight:700; background:url('image/icon.png') no-repeat -76px -397px; border-bottom:1px solid #ddd;}
.ti .hc3-h span {float:right;}
.ti .hc3-c {width:683px; padding:10px 5px; text-align:justify; text-justify:inter-ideograph; overflow:hidden; word-wrap:break-word;}
.ti .hc3-c ul li.tit {background:url('image/icon.png') no-repeat -70px -496px; padding-left:15px;}
.ti .hc3-c ul li span {margin-right:10px;}
.ti .term-lesson {width:680px; margin:10px auto 0px; overflow:hidden;}
.ti .term-lesson ul {width:695px; overflow:hidden;}
.ti .term-lesson li {width:124px; height:97px; float:left; margin-right:15px; position:relative;}
.ti .term-lesson li .tit {position:absolute; width:124px; left:0px; top:70px; text-align:center; background-color:#000; opacity:0.7; filter:alpha(opacity=70);}
.ti .term-lesson li .tit a {color:#fff;}

/*大家都在学*/
.ti .hc4 {width:693px; padding:10px; border:1px solid #ddd; border-bottom:0px; background-color:#fff; line-height:24px;}
.ti .hc4-h {width:683px; padding-bottom:5px; border-bottom:1px solid #ddd;}
.ti .hc4-c {height:115px; overflow:hidden;}
.ti .hc4-c li {clear:both;}
.ti .hc4-c li span {float:right;}

/*通用栏目-标题*/
.ti .hc1 {background-color:#fff; border:1px solid #ddd; border-top:3px solid #b60000;}
.ti .hc1-h {position:relative;}
.ti .hc1-h h1 {font-size:16px; padding:20px; color:#b60000;}
.ti .hc1-h h3 {font-size:24px; padding:20px; font-weight:200;}
.ti .hc1-h .act {position:absolute; right:10px; top:30px;}
.ti .hc1-h .act a {display: inline-block; height: 16px; line-height: 16px; color: #fff; padding:5px 1em; background:#b60000; border-radius:5px; float:none; font-size:12px; font-weight:200;}
.ti .hc1-c .introductiontext {color:#888; padding:10px; line-height:1.8;}

/*视频列表*/
.ti .v-list {width:690px;  overflow:hidden; text-align:center; padding:10px 0px 10px 15px;}
.ti .v-list ul{width:690px; overflow:hidden;}
.ti .v-list ul li {float:left; width:230px; position:relative;}
.ti .v-img {width:200px; height:125px; background-color:#e9e9e9; border:1px solid #a6a6a6;}
.ti .v-img img {width:200px; height:125px;}
.ti .v-tit {width:200px; padding:5px 0px;}
.ti .v-info {width:200px; padding:5px 0px; font-size:10px; font-family:"宋体" Arial; color:#777;}
.ti .v-studyed,.v-studying {width:65px; height:65px; position:absolute; top:0; left:137px; background:url('image/icon.png');}
.ti .v-studyed {background-position:-14px -215px;}
.ti .v-studying {background-position:-15px -124px;}

/*商城*/
.ti .shop-list {width:713px; overflow:hidden; text-align:center;}
.ti .shop-list li {float:left; margin:10px 0px 10px 20px; _margin:10px 0px 10px 12px; width:158px; text-align:center;}
.ti .shop-img {width:130px; height:100px;}
.ti .shop-name {width:150px; padding:5px 0px;}
.ti .shop-auction {width:150px; padding:5px 0px;}
.ti .shop-date {width:150px; padding:5px 0px;}
.ti .shop-do {width:150px; padding:5px 0px;}

/*底部背景*/
.ti .lft-hc-btm {width:715px; height:8px; background:url('image/pic.png') no-repeat 0px -297px; overflow:hidden;}

/*随即推荐课程*/
.ti .lesson-tit {width:705px; height:27px; background:url('image/icon.png') no-repeat -76px -397px; padding:5px 0px 0px 10px; font-size:24px;}
.ti .lesson-subnav {width:750px; text-align:right;}
.ti .lesson-video {width:750px; height:500px;margin: 0 auto;}
.ti .lesson-info {width:750px;}
.ti .lesson-rand {width:750px; overflow:hidden;}
.ti .lesson-rand ul {width:684px; overflow:hidden;}
.ti .lesson-rand ul li {float:left; margin-right:10px; width:104px; position:relative;}
.ti .lesson-img {width:96px; height:72px; border:1px solid #afafaf; padding:3px;}
.ti .lesson-name {width:104px; padding:5px 0px; overflow:hidden;}
.ti .lesson-studyed,.lesson-studying {width:65px; height:65px; position:absolute; top:3px; left:36px;  background:url('image/icon.png');}
.ti .lesson-studyed {background-position:-16px -215px;}
.ti .lesson-studying {background-position:-16px -124px;}
.ti .lesson-summary {width:703px; padding:5px; line-height:22px; border:1px solid #bfbfbf; background-color:#fff;}

/*表单 列表*/
.ti .ti-form,.ti .ti-list {border:1px solid #b4b0af; border-top:0; background-color:#fff;}
.ti .ti-form-title,.ti .ti-list-title {height:25px; padding:10px 0px 0px 20px; border-bottom:1px solid #ddd; border-top:3px solid #b60000; background:#f8f8f8;}
.ti .ti-form-title h2,.ti .ti-list-title h2 {font-weight:200;}

/*规则*/
.ti .ti-rule {padding-top:20px;border-top:1px solid #dddddd;overflow:hidden;}
.ti .ti-rule .data{margin-bottom: 35px;}
.ti .ti-rule p {margin-bottom:10px;font-size:14px;color: #666666;}
.ti .ti-rule .tit {display:inline-block;margin-bottom:20px;padding:5px 15px;background: #f34544;font-size:14px;font-weight:bold;color: #fff;}
.ti .ti-rule textarea {width:605px;height:53px; margin-bottom:5px;border: none;background: #eeeeee;font-size: 14px;color: #999999;}
.ti .ti-rule .copy{position: relative;margin-bottom: 20px;}
.ti .ti-rule .copy .a1{float: right;display: inline-block;width: 85px;height: 65px;background: #f34544;font-size:14px;font-weight:bold;color: #fff;text-align: center;line-height: 65px;text-decoration: none;}
.ti .ti-rule .jiathis_style_24x24{display: inline-block;}
.ti .ti-rule .b-pl420{height:30px;padding-left: 400px;font-size: 14px;color: #666666;}
.ti .ti-rule .b-pl420 .share{position: relative;top: -6px;}



/*右侧*/
.ti .wrapper-rgt {float:left; width:250px; margin:30px 0 0;}

.ti .wrapper-rgt .t-ad {padding:10px 0 0;}
.ti .wrapper-rgt .t-ad {width:250px; overflow:hidden;}
.ti .wrapper-rgt .t-ad ul {width:280px;}
.ti .wrapper-rgt .t-ad li {width:250px; margin:0 10px 10px 0; overflow:hidden;}
.ti .wrapper-rgt .t-ad img {width:250px; height:auto;}

/*通用栏目-标题*/
.ti .hc2 {background-color:#fff; border:1px solid #ddd; border-top:3px solid #b60000;}
.ti .hc2-h {height:28px; padding:8px 0 0 10px; font-weight:200; border-bottom:1px solid #ddd; background:#f8f8f8;}
.ti .hc2-h h3 {font-weight:200;}
.ti .hc2-c {padding:10px; line-height:22px; text-align:justify; text-justify:inter-ideograph; overflow:hidden; word-wrap:break-word;}
.ti .hc2-c ul li {padding-top:6px; clear:both; white-space:nowrap}
.ti .hc2-c ul li.hot i {background:#f90;}
.ti .hc2-c ul li i {float:left; width:1.5em; height:1em; margin:3px 5px 0 0; line-height:1; padding:2px; text-align:center; background:#888888; font-style:normal; color:#fff;}
.ti .hc2-c ul li a {white-space:nowrap;}
.ti .hc2-c img {float:left; margin-right:5px;}
.ti .hc2-c ul li span {float:right;}
.ti .hc2-c p {line-height:1.6; margin-top:5px;}
.ti .hc2-c p.baseinfo {font-weight:700; font-size:14px; padding-left:10px; color:#1b96e6;}
.ti .hc2-c p.trainlog,
.ti .hc2-c p.passexam,
.ti .hc2-c p.pointlog {font-size:14px; font-weight:700; padding:0 0 0 10px;}
.ti .hc2-c p.content {padding:0 0 10px 10px; border-bottom:1px solid #dedede;}
.ti .hc2-c p.trainlog  a{font-size:12px; color:#1996e6; font-weight:200;}

/*列表样式*/
.ti .ti-table-list {width:100%; line-height:25px; text-align:center;}
.ti .ti-table-list th {height:40px; font-weight:normal;background-color:#eee;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;font-size:14px;color:#333;}
.ti .ti-table-list td {border-bottom:1px solid #dddddd; padding:10px 0;}
.ti .ti-table-list .text-l {text-align:left; padding-left:5px;}
.ti .ti-table-list .text-l a{font-size: 12px;color: #666666;}
.ti .ti-table-list .text-l2{font-size: 14px;color: #999999;}
.ti .ti-table-list .text-l2 a{color: #f34544;}


/*标识*/
.ti .pass {display:inline-block; width:14px; height:14px; background:url('image/icon.png') no-repeat -66px -75px;}
.ti .stop {display:inline-block; width:14px; height:14px; background:url('image/icon.png') no-repeat -14px -75px;}
.ti .correct {display:inline-block; width:16px; height:16px; background:url('image/icon.png') no-repeat -64px -613px;}
.ti .error {display:inline-block; width:16px; height:16px; background:url('image/icon.png') no-repeat -14px -613px;}
.ti .point {margin:0px 2px; display:inline-block; width:14px; height:12px; background:url('image/icon.png') no-repeat -66px -299px;}
.ti .comment {margin:0px 2px; display:inline-block; width:14px; height:12px; background:url('image/icon.png') no-repeat -66px -319px;}
.ti .play {margin:0px 2px; display:inline-block; width:14px; height:12px; background:url('image/icon.png') no-repeat -66px -340px;}

/*进度条*/
.ti .progress-bar {display:inline-block; margin-right:2px; width:100px; height:18px; _height:16px; overflow:hidden; border:1px solid #ccc; vertical-align:middle;}
.ti .progress-speed-over {display:inline-block; width:0px; height:18px; _height:16px; background-color:#04980a;}
.ti .progress-speed-ing {display:inline-block; width:0px; height:18px; _height:16px; background-color:#ddd;}
.ti .log-item {display:inline-block; zoom:1; margin:0 0 10px 0;}

/*抽奖*/
.ti .randprize-rule {margin:auto; width:837px; padding:0px 10px; border:1px solid #ccc; background-color:#fff; text-align:justify;}
.ti .randprize-rule p {text-indent:2em; margin:10px 0; font-size:14px; line-height:24px;}
.ti .randprize-rule p.tit {text-indent:0em; font-weight:700;}
.ti .randprize-rule p font {color:#C30; margin:0px 4px; font-size:16px; font-family:Georgia;}
.ti .randprize {margin:20px auto; width:859px; overflow:hidden;}
.ti .randprize ul {width:861px; overflow:hidden;}
.ti .randprize ul li {background-image:url('image/doing.png'); float:left; text-align:center; width:285px; height:40px; padding-top:20px; margin:2px 2px 0px 0px; background-color:orange; color:#fff; font-size:18px; font-weight:bold; cursor:pointer;}
.ti .randprize ul li.bg-0 {background-position: 0px -600px;}
.ti .randprize ul li.bg-1 {background-position: -287px -600px;}
.ti .randprize ul li.bg-2 {background-position: -574px -600px;}
.ti .randprize ul li.bg-3 {background-position: 0px -664px;}
.ti .randprize ul li.bg-4 {background-position: -287px -662px;}
.ti .randprize ul li.bg-5 {background-position: -574px -662px;}
.ti .randprize ul li.bg-6 {background-position: 0px -724px;}
.ti .randprize ul li.bg-7 {background-position: -287px -724px;}
.ti .randprize ul li.bg-8 {background-position: -574px -724px;}
.ti .view-all {text-align:center; margin-top:20px; font-size:14px; display:none;}

/*活动*/
.ti .doing-box {margin:20px auto; width:980px;}
.ti .doing-top {width:980px; height:463px;}
.ti .doing-top a {display:block; width:980px; height:463px; background:url('image/doing.png?v=1101') no-repeat 0px -784px;}
.ti .doing-btm {width:980px; height:300px; margin-top:10px;}
.ti .doing-lft {float:left; width:470px; padding-right:20px;}
.ti .doing-rgt {float:left; width:470px; padding-left:20px;}
.ti .doing-lft a {display:block; width:470px; height:300px; background:url('image/doing.png?v=1101') no-repeat 0px -300px;}
.ti .doing-rgt a {display:block; width:470px; height:300px; background:url('image/doing.png?v=1101') no-repeat 0px 0px;}

/*分页*/
.ti .ti-pager {width:715px; margin:10px 0px; text-align:right; font-size:12px;}
.ti .ti-pager span{background:none repeat scroll 0 0 #e60115;border:1px solid #e60115;color:#fff;display:inline-block;margin-right:3px;padding:1px 5px;text-align:center;}
.ti .ti-pager a{border:1px solid #DCDCDC;display:inline-block;margin-right:3px;padding:1px 5px;text-align:center;}

/*底部*/
.ti .footer {border-top:1px solid #b4b0af; line-height:25px; text-align:center; margin-bottom:20px;}
.ti .footer a {margin-right:10px;}


/* 2013.7 改首页 */
/*.ti .tiedu {}
.ti .tiedu .content {border:1px solid #ddd; border-top:3px solid #b60000;}
.ti .tiedu .content .title {font-size:24px; padding:20px;}
.ti .tiedu .trainlist{overflow: hidden;}
.ti .tiedu .trainlist .train-one {margin:0 15px 20px; border-bottom:1px solid #ddd;}
.ti .tiedu .trainlist .traintitle{height: 40px; line-height: 40px; text-align: right; font-size: 12px; color: #666666;}
.ti .tiedu .trainlist .traintitle a{float: left; line-height: 36px; height: 36px; font-size: 16px; color: #b60000; font-weight:700;}

.ti .tiedu .trainlist .traintitleline {width: 680px; height: 3px; background-color: #d1d1d1; font-size: 2px;}
.ti .tiedu .trainlist .traintitleline p{background-color: #b60000; height: 3px; width: 180px; font-size: 2px;}
.ti .tiedu .trainlist .introduction{padding-left: 15px; width: 680px;line-height: 32px; height: 32px; font-weight: bold; color: 333px; padding-top: 8px;}
.ti .tiedu .trainlist .introductiontext{padding:0 5px; overflow: hidden; line-height: 24px;  color:#888;}
.ti .tiedu .trainlist .exam{padding:0 10px; text-align: right;  height: 19px; text-align:right;}
.ti .tiedu .trainlist .exam a {display: inline-block; height: 16px; line-height: 16px; color: #fff; padding:5px 1em; background:#b60000; border-radius:5px; float:none; font-size:12px; font-weight:200;}
.ti .tiedu .trainlist .lessonlist{width:680px; margin:0 0 0 20px; padding-bottom: 20px; padding-top: 15px; overflow: hidden;}
.ti .tiedu .trainlist .lessonlist .lessonitem{float: left; width: 200px; margin:0 20px 0 0;}
.ti .tiedu .trainlist .lessonlist .lessonitem .item{width: 200px; height: 150px; position: relative; margin:0 0 15px; border:1px solid #f0f0f0; background:#fafafa; overflow:hidden; white-space:nowrap}
.ti .tiedu .trainlist .lessonlist .lessonitem .item .img{display: block; width: 200px; height: 150px;}
.ti .tiedu .trainlist .lessonlist .lessonitem .item .img img{width: 200px; height: 125px; background:#f0f0f0;}
.ti .tiedu .trainlist .lessonlist .lessonitem .item .backmark{width: 220px; height: 26px; position: absolute; z-index: 2; top:124px; left: 0px; background-color: #000000; opacity:0.8; filter:alpha(opacity=80);}
.ti .tiedu .trainlist .lessonlist .lessonitem .item .text{width: 200px; height: 26px; position: absolute; z-index: 2; top:124px; left: 0px; padding-left: 10px; line-height: 26px; color:#333;}
.ti .tiedu .trainlist .lessonlist .lessonitem .item .inc{width: 205px; height: 70px; padding-left: 5px; padding-right: 10px; line-height: 24px; overflow:hidden; color: #666666;}
.ti .tiedu .trainlist .lessonlist .lessonitem .item .look{display: block; text-align: right; line-height: 40px; width: 210px; color: #666666;}
.ti .tiedu .trainlist .lessonlist .lessonitem .item .look:hover{color: #b60000;}

.ti .tiedu .trainlist .exambutton{display: block; margin: 0px auto; width:202px; height: 32px; background-image: url('image/button.png'); background-repeat: no-repeat;}
*/

/* 抽奖 */
.ti .award{position:relative;}
.ti .awardimg {position: absolute; top:-20px; left: -10px;}
.ti .awardcontent{background: #fff no-repeat url('image/awardback.jpg') 32px; height: 670px; position: relative;}
.ti .awardmark{position: absolute; width: 120px; height:120px; z-index:2; background:#fff;filter:alpha(opacity=60); opacity: 0.6;}
.ti .awarditem{width: 120px; height:120px; z-index:1;}
.ti .awardimg1{position: absolute; top:127px; left: 161px;}
.ti .awardimg2{position: absolute; top:127px; left: 281px;}
.ti .awardimg3{position: absolute; top:127px; left: 401px;}
.ti .awardimg4{position: absolute; top:247px; left: 161px;}
.ti .awardimg5{position: absolute; top:247px; left: 281px;}
.ti .awardimg6{position: absolute; top:247px; left: 401px;}
.ti .awardimg7{position: absolute; top:367px; left: 161px;}
.ti .awardimg8{position: absolute; top:367px; left: 281px;}
.ti .awardimg9{position: absolute; top:367px; left: 401px;}
.ti .a-t-r{float: right;}
.ti .awardbotton{text-align: center; padding: 10px;}
.ti .awardbotton .btn{cursor:pointer;}

/* 边栏公告 */
.ti .p-ad ul {width:110%;}
.ti .p-ad li {float:left; margin:0 10px 10px 0;}

/*课程延伸*/
.extIco{display: inline-block;background: url('/view/ti/statics/css/image/extend.png') no-repeat;}
.extIco-book{width: 14px;height: 12px;background-position: 0 0;}
.extIco-download{width: 12px;height: 12px;background-position: 0 -15px;}
.ti-extend{background-color:#fff; border:1px solid #ddd; border-top:3px solid #b60000;}
.ti-extend .hc-h{padding: 10px 0 10px 10px;background: #f8f8f8;color: #333333;}
.ti-extend .hc-c li{padding: 10px 20px 10px 10px;border-top:1px solid #ddd;}
.ti-extend .hc-c li.bg_f8{background: #f8f8f8;}
.ti-extend .hc-c li a{color: #666666;}
.ti-extend .ext-c ul{padding-top: 20px;}
.ti-extend .ext-c li{padding:0 10px 15px;}
.ti-extend .ext-c li.cl_red a,
.ti-extend .hc-c li.cl_red a{color: #d71717;}
/*绑定账号*/
.ti-bind .bind-top{padding-top:35px;background: #eeeeee;text-align: center;}
.ti-bind .bind-top .bind{display: inline-block;width: 202px;height: 46px;margin: 0 auto;background: url('/view/ti/statics/css/image/bind.png') no-repeat 0 0;}
.ti-bind .bind-top .win{padding-top:15px;font-size: 20px;color: #333333;}
.ti-bind .bind-top .win span{color: #b60000;}
.ti-bind .bind-lf{float: left;width: 480px;height: 250px;background: url('/view/ti/statics/css/image/explain.png') no-repeat 0 0;}
.ti-bind .bind-rt{position: relative;float: right;width: 480px;height: 250px;background: url('/view/ti/statics/css/image/flow.png?t=151102') no-repeat 0 0;}
.ti-bind .bind-rt a{position: absolute;display: inline-block;font-size: 12px;color: #999999;text-decoration: underline;}
.ti-bind .bind-rt .a{width: 100px;height: 30px;overflow: hidden;text-indent:-100em;}
.ti-bind .bind-rt .a1{top:110px;left: 34px;}
.ti-bind .bind-rt .a2{top: 210px;left: 173px;}
.ti-bind .bind-rt .a3{top: 72px;left: 18px;}
.ti-bind .bind-rt .a4{top: 171px;left: 157px;}
.ti-bind .bind-rt .a5{top: 86px;left: 287px;}
/*ti培训班迭代 150909*/
/*面包屑*/
.ti-crumb{width: 980px;margin:0 auto 20px;font-size: 14px;color: #f34544;}
.ti-crumb a{color: #f34544;}
.ti-crumb a:hover{color: #f34544;}
/*图标*/
.trn-ico{position: relative;display: inline-block;background: url('/view/ti/statics/css/image/train-ico.png') no-repeat;}
.trn-ico1{width: 47px;height: 47px;background-position: 0 0;}
.trn-ico2{width: 47px;height: 47px;background-position: -48px 0;}
.trn-ico3{width: 47px;height: 47px;background-position: -96px 0;}
.trn-ico4{width: 18px;height: 29px;background-position: 0px -48px;margin-right:5px;}
.trn-ico5{width: 31px;height: 23px;background-position: -20px -54px;margin-right: 5px;top: 4px;}
.trn-ico6{width: 22px;height: 22px;background-position: -53px -54px;margin-right: 5px;top: 3px;}
.trn-ico7{width: 12px;height: 12px;background-position: -77px -48px;margin-left:5px;top: 1px;}
.trn-ico8{width: 12px;height: 12px;background-position: -77px -61px;margin-left:5px;top: 1px;}
.trn-ico9{width: 16px;height: 16px;background-position: -91px -65px;margin-right: 5px;}
.trn-ico10{width: 20px;height: 20px;background-position: -109px -48px;margin-right: 5px;top: 5px;*+top:1px;}
.trn-ico11{width: 17px;height: 17px;background-position: -109px -69px;margin-right: 5px;top: 3px;*+top:0px;}
.trn-ico12{width: 17px;height: 19px;background-position: 0px -87px;margin-right: 5px;top: 3px;*+top:-2px;}
.trn-ico15{width: 24px;height: 24px;background-position: -51px -81px;margin-right: 5px;top: 5px;}

/*培训班首页*/
.ti .t-top{margin: 0 auto 20px;}
.train-index{width: 980px;margin:0 auto;}
.train-index .l1{overflow: hidden;margin-bottom: 25px;}
.train-index .l1 .lb{float: left;width: 665px;height: 240px;}
.train-index .l1 .light{position: relative;float: right;width: 300px;height: 240px;background: url('/view/ti/statics/css/image/light.jpg') no-repeat center bottom;}
.train-index .l1 .light .guang{display:none;position: absolute;top: 74px;left: 48px;width:160px;height: 117px;background: url('/view/ti/statics/css/image/guang.png') no-repeat 0 0;}
.train-index .l1 .light .myticode{position: absolute;top: 104px;left: 54px;width: 100px;height: 100px;background:url('/view/ti/statics/css/image/myticode.jpg?t=160301') no-repeat 0 0;}
.train-index .l1 .light .search{width: 291px;display: block;float: right;}
.train-index .l1 .light .search .search-txt{height: 20px; width: 218px;border: 1px solid #b60000;border-right: none;padding:5px;float: left;}
.train-index .l1 .light .search .search-btn{width: 62px;height: 32px;border: none;background: url('image/seartch-btn.png') no-repeat 0 0;cursor: pointer;display: inline-block;float: left;}
.train-index .l1 .light a{position:absolute;top:155px;left:160px;display: inline-block;width: 96px;height: 24px;}
/*轮播*/
.top-ad .j-slide-num,
.train-index .l1 .j-slide-num{position: absolute;bottom:16px;right:15px;cursor:pointer;}
.top-ad .j-slide-num span,
.train-index .l1 .j-slide-num span{display: inline-block;width: 20px;height: 3px;margin-right:3px;background: #fff;}
.top-ad .j-slide-num span.j-num-curr,
.train-index .l1 .j-slide-num span.j-num-curr{background: #b60000;}
.train-index .l2{margin-bottom: 25px;padding: 20px 0;background: #eeeeee;}
.train-index .l2 ul{width: 1100px;overflow: hidden;}
.train-index .l2 li{position:relative;float: left;width:215px;height: 55px;margin-left: -1px;padding-left:110px;border-left: 1px solid #dddddd;font-size: 14px;color: #666666;}
.train-index .l2 li i{position: absolute;top: 5px;left: 45px;}
.train-index .l2 li span{display:inline-block;width:100px;text-align:center;font-size: 24px;color: #f34544;font-family: 'Arial';}
.train-index .l2 li a{display:inline-block;margin:5px 0 0 60px;font-size: 14px;color: #f34544;}

.train-index .l3 .hc-c{height:565px;margin-bottom: 30px;}
.train-list ul,
.train-index .l3 .hc-c .j-slide-one ul{width: 1000px;overflow: hidden;}
.train-list li,
.train-index .l3 .hc-c .j-slide-one li{float: left;margin:0 17px 20px 0;}
.train-list li a,
.train-index .l3 .hc-c .j-slide-one li a{position:relative;display: inline-block;width: 305px;height: 270px;padding: 5px 5px 0px;background: #eee;text-decoration: none;}
.train-list li img,
.train-index .l3 .hc-c .j-slide-one li img{width: 304px;height: 165px;margin-bottom: 15px;}
.train-list li p,
.train-index .l3 .hc-c .j-slide-one li p{padding-left: 10px;}
.train-list li .p1,
.train-index .l3 .hc-c .j-slide-one li .p1{width: 305px;padding-bottom:10px;font-size: 16px;color: #333333;overflow: hidden;}
.train-list li .p2,
.train-index .l3 .hc-c .j-slide-one li .p2{padding-bottom:15px;color: #bbbbbb;}
.train-list li .p3,
.train-index .l3 .hc-c .j-slide-one li .p3{color: #666666;}
.train-list li .p3 span,
.train-index .l3 .hc-c .j-slide-one li .p3 span{color: #f34544;}
.train-list li i,
.train-index .l3 .hc-c .j-slide-one li i{position: relative;top: 3px;}
.train-list li .golearn,
.train-index .l3 .hc-c .j-slide-one li .golearn{position:absolute;bottom:12px;right:12px;width: 65px;height: 25px;background: #f34544;color: #fff;text-align: center;line-height: 25px;}
.train-list li .txt,
.train-index .l3 .hc-c .j-slide-one li .txt{display:none;position: absolute;top: 5px;left: 5px;width:254px;height:120px;padding:45px 25px 0;background: #000;color: #fff;line-height: 20px;
	opacity:0.8;
	-moz-opacity:0.8; 
	filter:alpha(opacity=800);}
.train-list li a:hover,
.train-index .l3 .hc-c .j-slide-one li a:hover{background: #f34544;}
.train-list li a:hover .txt,
.train-index .l3 .hc-c .j-slide-one li a:hover .txt{display: inline-block;}
.train-list li a:hover .golearn,
.train-index .l3 .hc-c .j-slide-one li a:hover .golearn{background: #000;}
.train-list li a:hover .p1,
.train-list li a:hover .p2,
.train-list li a:hover .p3,
.train-list li a:hover .p3 span,
.train-index .l3 .hc-c .j-slide-one li a:hover .p1,
.train-index .l3 .hc-c .j-slide-one li a:hover .p2,
.train-index .l3 .hc-c .j-slide-one li a:hover .p3,
.train-index .l3 .hc-c .j-slide-one li a:hover .p3 span{color: #fff;}
.train-list li a:hover .trn-ico9,
.train-index .l3 .hc-c .j-slide-one li a:hover .trn-ico9{background-position: -91px -48px;}
.train-index .l3 .hc-c .j-slide-prev,
.train-index .l3 .hc-c .j-slide-next{position: absolute;top: 230px;width: 30px;height: 110px;cursor:pointer;}
.train-index .l3 .hc-c .j-slide-prev{left:-50px;background: #d9d9d9 url('/view/ti/statics/css/image/lf.png') no-repeat 8px 40px;}
.train-index .l3 .hc-c .j-slide-next{right:-50px;background: #d9d9d9 url('/view/ti/statics/css/image/rt.png') no-repeat 8px 40px;}
.train-index .l3 .hc-c .j-slide-prev:hover{background: #bcbbbb url('/view/ti/statics/css/image/lf.png') no-repeat 8px 40px;}
.train-index .l3 .hc-c .j-slide-next:hover{background: #bcbbbb url('/view/ti/statics/css/image/rt.png') no-repeat 8px 40px;}
.ti .wrap{width: 980px;margin: 0 auto 50px;overflow: hidden;}
.ti .wrap-lf{float: left;width: 700px;margin-right: 30px;}
.ti .wrap-rt{float: left;width: 250px;}
.hc-h1{position: relative;width:100%;margin-bottom: 20px;border-bottom: 1px solid #dddddd;}
.hc-h1 div{padding-bottom: 5px;border-bottom: 3px solid #e00605;font-size: 18px;color: #333333;}
.hc-h1 a{position: absolute;bottom:10px;right: 5px;font-size: 12px;color: #666666;}
.hc-c1 .hc-ch{position:relative;width: 100%;height: 25px;margin-bottom: 15px;background: #f1f1f1;}
.hc-c1 .hc-ch div{width: 100px;height: 25px;background: #f34544;font-size: 14px;color: #fff;line-height: 25px;text-align: center;}
.hc-c1 .hc-ch a{position: absolute;top: 5px;right: 14px;color: #666666;}
.hc-c1 .hc-cc{margin-bottom: 20px;}
.hc-c1 .hc-cc ul{width: 800px;overflow: hidden;}
.hc-c1 .hc-cc li{position: relative;float: left;margin-bottom: 10px;}
.hc-c1 .hc-cc li a{display:inline-block;border: 1px solid #e4e4e4;text-decoration:none;}
.hc-c1 .hc-cc li .a1{width: 220px;height: 180px;margin-right:20px;}
.hc-c1 .hc-cc li .img1{width: 220px;height:140px;}
.hc-c1 .hc-cc li .a2{width: 160px;height: 150px;margin-right:20px;}
.hc-c1 .hc-cc li .img2{width: 160px;height:110px;}
.hc-c1 .hc-cc li .dv1{width: 100%;height: 40px;font-size: 14px;color: #333333;text-align: center;line-height: 40px; overflow: hidden;}
.hc-c1 .hc-cc li .hv{display:none;position: absolute;top: 0px;left: 0px;border: 1px solid #e4e4e4;}
.hc-c1 .hc-cc li .hv1{width: 220px;}
.hc-c1 .hc-cc li .hv2{width: 160px;}
.hc-c1 .hc-cc li .hv .txt{background: #000;font-size:14px;color: #fff;text-align: center;
	opacity:0.8;
	-moz-opacity:0.8; 
	filter:alpha(opacity=800);}
.hc-c1 .hc-cc li .hv .txt1{width: 220px;height: 140px;line-height: 140px;}
.hc-c1 .hc-cc li .hv .txt2{width: 160px;height: 110px;line-height: 110px;}
.hc-c1 .hc-cc li .hv .go{width: 100%;height: 40px;background: #f34544;font-size: 12px;font-weight: bold;color: #fff;text-align: center;line-height: 40px;}
.hc-c1 .hc-cc li a:hover .hv{display: inline-block;}
/*右侧*/
.rt-h{padding-bottom: 5px;border-bottom:3px solid #e30505;font-size: 18px;color: #333333;}
.rt-hi{display: inline-block;}
.rt-c{padding: 20px 15px 10px;border: 1px solid #dddddd;}
.rt-c li{margin-bottom: 10px;display: block;white-space: nowrap;}
.rt-c li span{display:inline-block;width: 16px;height: 16px;margin-right:5px;background: #e5e5e5;color: #666666;text-align: center;line-height: 16px;}
.rt-c li a{color: #666666;}
.rt-c li a:hover{color: #f34544;}
.rt-c li span.red{background: #f34544;color: #fff;}
.rt-c li i{position:relative;*+top:-4px;display: inline-block;width:8px;height:8px;background:#cccccc;margin-right:5px;}
/*右侧讲师简介*/
.rt-teacher .rt-h{border-bottom:none;}
.rt-c1{border: 1px solid #ddd;margin-top:10px;}
.rt-c1 .rt-top{position: relative;top: -12px;width: 248px;height: 22px;background:#fff url('/view/ti/statics/css/image/rt-top.png') no-repeat 0 0;}
.rt-c1 .person{position: relative;height:110px;padding-left:110px;border-bottom: 1px solid #dddddd;}
.rt-c1 .person img{position: absolute;top:10px;left:10px;width: 90px;height: 90px;}
.rt-c1 .person div{padding-top: 30px;}
.rt-c1 .person p{padding-bottom: 10px;font-size: 14px;font-weight: bold;color: #333333;}
.rt-c1 .person span{font-size: 12px;color: #666666;}
.rt-c1 .intro{padding: 10px 15px;color: #666666;line-height: 20px;}
.rt-c1 .intro span{font-weight: bold;color: #666666;}
/*右侧轮播*/
#j-rtad{position: relative;height:325px;border: 1px solid #dbdbdb;text-align: center;padding-top: 5px;}
#j-rtad .j-slide-one img{width: 240px;height: 320px;}
#j-rtad .j-slide-prev,
#j-rtad .j-slide-next{display:none;position: absolute;top: 120px;width: 20px;height: 60px;cursor:pointer;}
#j-rtad .j-slide-prev{left: 5px;background:#000 url('/view/ti/statics/css/image/lf.png') no-repeat center center;
	opacity:0.5;
	-moz-opacity:0.5; 
	filter:alpha(opacity=500);}
#j-rtad .j-slide-next{right: 5px;background:#000 url('/view/ti/statics/css/image/rt.png') no-repeat center center;	
	opacity:0.5;
	-moz-opacity:0.5; 
	filter:alpha(opacity=500);}
#j-rtad .j-slide-prev:hover,
#j-rtad .j-slide-next:hover{	
	opacity:0.8;
	-moz-opacity:0.8; 
	filter:alpha(opacity=800);}
#j-rtad:hover .j-slide-prev,
#j-rtad:hover .j-slide-next{display: inline-block;}
/*右侧 END*/
/*顶部轮播*/
.top-ad{width:980px;margin:0 auto 20px;overflow: hidden;}
.top-ad .j-topad{width:980px;height: 125px;overflow: hidden;}
.top-ad .j-topad img{width: 980px;height: 125px;}
/*培训班list页*/
.train-list{width: 980px;margin: 0 auto 65px;}
/*培训班show页*/
.train-show .l1{margin-bottom:20px;padding-bottom: 10px;border-bottom: 1px solid #dddddd;font-size: 24px;}
.train-show .l1 .dv{top: 14px;}
.train-show .l1 div{position: relative;top: 5px;float: right;font-size: 12px;color: #666666;}
.train-show .l1 div b{padding:0 5px;font-weight: normal;color: #f34544;}
.train-show .l1 div a{display: inline-block;margin-left:10px;padding: 5px 15px;background: #f34544;border-radius: 5px;color: #fff;text-decoration: none;*+position: relative;*+top: 4px;}
.train-show .l2{font-size: 14px;color: #666666;line-height: 25px;margin-bottom:20px;}
.train-show .l3{margin:20px 0 0;}
.train-show .l3 ul{width:980px;overflow: hidden;}
.train-show .l3 li{position:relative;float: left;margin-right: 5px;border: 1px solid #dddddd;}
.train-show .l3 a{display: inline-block;width: 113px;height: 125px;text-decoration: none;}
.train-show .l3 a img{width: 113px;height: 75px;}
.train-show .l3 a .dv1{height: 40px;padding: 5px;}
.train-show .l3 .hv{display:none;position: absolute;top:0px;left:0px;width: 115px;height: 125px;}
.train-show .l3 .txt{background: #000;font-size: 14px;color: #fff;width:115px;height:75px;text-align: center;line-height: 75px;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=800);}
.train-show .l3 .hv .go{width: 100%;height: 50px;background: #f34544;font-size: 12px;font-weight: bold;color: #fff;text-align: center;line-height: 50px;}
.train-show .l3 a:hover .hv{display: inline-block;}
.train-show .l5{margin: 20px 0;padding-bottom: 5px;border-bottom: 1px solid #ddd;font-size: 18px;color: #333;}
.train-show .l6 li{padding-bottom:15px;font-size: 12px;color: #666666;}
.train-show .l6 li span{padding-right: 5px;}
.train-show .l6 li div{float: right;}
.train-show .l6 li b{color: #f34544;padding: 0 5px;font-weight: normal;}
.train-show .l6 li .red{color: #f34544;}
.train-show .l6 li a{color:#666;}
.train-show .l6 li a:hover{color:#f34544;}
.train-show .l6 li i{position: relative;display: inline-block;width: 8px;height: 8px;background: #cccccc;margin-right: 5px;}
.train-show .lf-rt{width: 980px;overflow: hidden;margin-top: 20px;}
.train-show .lf-rt ul{width: 1100px;}
.train-show .lf-rt li{float: left;width:460px;margin-right: 60px;}
.train-show .lf-rt li .hc-c1,
.train-show .lf-rt li .hc-c2{padding-top: 15px;border-top: 1px solid #dddddd;}
.train-show .lf-rt li .hc-c1 ul,
.train-show .lf-rt li .hc-c2 ul{width: 600px;}
.train-show .lf-rt li .hc-c1 li,
.train-show .lf-rt li .hc-c2 li{position: relative;height:16px;margin-bottom: 10px;}
.train-show .lf-rt li .hc-c1 li span{display: inline-block;width: 16px;height: 16px;margin-right:10px;background: #e5e5e5;font-size: 12px;color: #666666;text-align: center;line-height: 16px;}
.train-show .lf-rt li .hc-c1 li span.red{background: #f34544;color: #fff;}
.train-show .lf-rt li .hc-c1 li a{color: #666666;}
.train-show .lf-rt li .hc-c1 li a:hover{color: #f34544}
.train-show .lf-rt li .hc-c1 li div{position: absolute;top: 0px;right: 0px;color: #999999;}
.train-show .lf-rt li .hc-c1 li div b{font-weight: normal;color: #f34544;}
.train-show .lf-rt li .hc-c2 li i{position: relative;*+top:-4px;display: inline-block;width: 8px;height: 8px;background: #cccccc;margin-right: 5px;}
.train-show .lf-rt li .hc-c2 li{float: left;width: 225px;margin-right: 10px;display: block;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.train-show .lf-rt li .hc-c2 li a{color: #666;}
/*我的培训*/
.ti .wrap-lf h2{font-size: 24px;color: #000;font-weight: normal;}
/*右侧通栏*/
.t-toolbar-tabs .record{top: 216px;background: url('/statics/css/image/t-toolbar.png?t=0302') no-repeat 6px -1012px;}
.t-toolbar-tabs .record:hover{background-position: -268px -1009px;}
.t-toolbar-tabs .record:hover .record-hc{display: inline-block;}
.t-toolbar-tabs .record:hover .arrows{display: inline-block;}
.t-toolbar-tabs .record .record-hc{display: none;position: absolute;top: -40px;left: -265px;width:250px;border: 1px solid #dddddd;border-top: 3px solid #e30505;}
.t-toolbar-tabs .record .record-h{height:35px;padding-left:10px;background: #eeeeee;border-bottom: 1px solid #ddd;font-size: 16px;color: #f34544;line-height: 35px;}
.t-toolbar-tabs .record .record-c{padding: 10px 10px 15px;background: #fff;}
.t-toolbar-tabs .record .record-c1{text-align: center;}
.t-toolbar-tabs .record .record-c1 a{display: inline-block;padding:10px 35px;background: #cc1819;color: #fff;font-size: 20px;text-decoration: none;}
.t-toolbar-tabs .record .record-c2 .dv1{width: 100%;height: 40px;margin-bottom:15px;background: #eeeeee;font-size: 14px;color: #333;font-weight: bold;text-align: center;line-height: 40px;}
.t-toolbar-tabs .record .record-c2 .dv1 a{font-size: 12px;color: #f34544;text-decoration: underline;font-weight: normal;margin-left: 5px;}
.t-toolbar-tabs .record .record-c2 .dv2{margin-bottom:20px;font-size: 14px;color: #333333;font-weight: bold;}
.t-toolbar-tabs .record .record-c2 .dv2 a{margin-left:10px;font-size: 12px;color:#999999;}
.t-toolbar-tabs .record .record-c2 .dv3 li{height:20px;margin-bottom: 10px;font-size: 12px;color: #666666;line-height: 20px;}
.t-toolbar-tabs .record .record-c2 .dv3 li span{width: 160px;display: block;white-space: nowrap;overflow:hidden; text-overflow:ellipsis;float: left;}
.t-toolbar-tabs .record .record-c2 .dv3 li a{float: right;display: inline-block;width: 60px;height:20px;background: #f34544;color: #fff;text-align:center;text-decoration: underline;}
.t-toolbar-tabs .record .arrows{display: none;position: absolute;top: 0px;left: -20px;width:20px;height: 61px;}
.t-toolbar-tabs .record .arrows i{position:absolute;top:15px;left:2px;width: 12px;height: 26px;background: url('/view/ti/statics/css/image/toolbar-ico.png') no-repeat 0 -124px;}
/*顶部tpl-gif图*/
.logo .t-bbs-search{padding-top: 15px;}
.logo .t-bbs-search .ti-gif{width: 200px;height: 70px;background: url('/view/ti/statics/css/image/tilogo.gif') no-repeat 0 0;}




