/*�ı���������ɫ*/
a.t_blue,.t_blue{color:#2693e0;}
a.t_orange,.t_orange{color:#ff6600;}
a.t_red,.t_red{color:#EF2D36;}
a.t_green,.t_green{color:#009933;}
a.t_blue:hover{color:#009dd7;}
a.t_orange:hover{color:#ff6600;}
a.t_green:hover{color:#009933;}
a.t_red:hover{color:#EF2D36;}
.t_gray{color:#666;}
.t_lightgray{color:#999;}
.t_darkgray{color:#333;}
.t_cgray{color:#ccc;}


/*�ı���С*/
.size12{font-size:12px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size:18px;}
.size20{font-size:20px;}
.size24{font-size:24px;}
.size26{font-size:26px;}
.size28{font-size:28px;}

/*Ĭ�����ͱ߾�*/
.pd5 { padding: 5px }
.pd10 { padding: 10px }
.pd15 { padding: 15px }
.pd20 { padding: 20px }
.pt5 { padding-top: 5px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt20 { padding-top: 20px }
.pr5 { padding-right: 5px }
.pr10 { padding-right: 10px }
.pr15 { padding-right: 15px }
.pr20 { padding-right: 20px }
.pb5 { padding-bottom: 5px }
.pb10 { padding-bottom: 10px }
.pb15 { padding-bottom: 15px }
.pb20 { padding-bottom: 20px }
.pl5 { padding-left: 5px }
.pl10 { padding-left: 10px }
.pl15 { padding-left: 15px }
.pl20 { padding-left: 20px }
.mt5 { margin-top: 5px }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mr5 { margin-right: 5px }
.mr10 { margin-right: 10px }
.mr15 { margin-right: 15px }
.mr20 { margin-right: 20px }
.mb5 { margin-bottom: 5px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.ml5 { margin-left: 5px }
.ml10 { margin-left: 10px }
.ml15 { margin-left: 15px }
.ml20 { margin-left: 20px }


/*������*/
.arrow_t,.arrow_r,.arrow_b,.arrow_l,.arrow{display:inline-block;width:0;height:0;font-size:0;overflow:hidden;}
.arrow_t,.arrow_b{border-right:4px dashed transparent;border-left:4px dashed transparent;}
.arrow_l,.arrow_r{border-top:4px dashed transparent;border-bottom:4px dashed transparent;}
.arrow_t{border-bottom:4px solid #2396d5;}
.arrow_r{border-left:4px solid #2396d5;}
.arrow_b{border-top:4px solid #2396d5;}
.arrow_l{border-right:4px solid #2396d5;}

/*��ť*/
.btn_blue, .btn_blue:hover{background:#2693e0; color: #fff;}
.btn_borblue{border:1px solid #2693e0;color:#2693e0;}
.btn_bor_orange{border:1px solid #ff6600;color:#ff6600;}


/*��*/
.form .item{clear:both;margin-bottom:15px;*zoom:1;}
.form .item:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;overflow:hidden;}
.form .item label,.form .item .ts,.form .item .static,.form .item .opr,input.input_checkbox,input.input_radio{display:inline-block;*display:inline;*zoom:1;vertical-align:bottom; }
.form .item .lab,.form .item .ts,.form .item .static{padding-top:7px;}
.form .item .lab .must{color:red;margin:0 2px;}

input.input_text,textarea.textarea,select.select,input.placeholder{color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px;}
input.input_text,textarea.textarea,input.placeholder{width:100%;padding:6px 12px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
input.input_text.disabled{background:#eee;opacity:1;cursor:default;color:#999;}
input.input_text.error{border:1px solid #ff6600;}
.form  label.error{color:red;padding:5px 0 0 10px; display: block; font-size: 12px;}

select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder { color: #999; opacity: 1 }
select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder { color: #999; margin-top: -.5px }
select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { color: #999 }


/*���ذ�ť*/
.toggle { pointer-events: auto; width: 90px; display: inline-block; vertical-align: middle; cursor: pointer }
.toggle .inner { border-radius: 30px; padding: 15px; background-color: #aaa; }
.toggle .inner:after, .toggle .inner:before { content: ''; position: absolute; -webkit-transition: all .5s cubic-bezier(0, 1.1, 1, 1.1); transition: all .5s cubic-bezier(0, 1.1, 1, 1.1) }
.toggle .inner:after { padding: 13px; border-radius: 100%; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .35), 0 1px 1px rgba(0, 0, 0, .15); left: 2px; top: 2px }
.toggle .inner:before {  text-align: right; content: attr(toggle-off); color:#fff; line-height: 30px; padding-right: 10px; top: 0; left: 0; padding-left: 35px; }
.toggle input[type=checkbox]:checked+.inner { background-color: #2693e0 }
.toggle input[type=checkbox]:checked+.inner:before { color: #fff; text-align: left; padding-left: 15px; content: attr(toggle-on) }
.toggle input[type=checkbox]:checked+.inner:after { left: 100%; margin-left: -28px }
.toggle input { opacity: 0; width: 0; height: 0; display: none; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.toggle .inner { position: relative; cursor: pointer; display: block; -webkit-transition: background-color .3s ease-in-out, border .3s ease-in-out; transition: background-color .3s ease-in-out, border .3s ease-in-out }
.toggle input[type=radio]:checked+.inner { background-color: #2693e0 }
.toggle input[type=radio]:checked+.inner:before { color: #fff; text-align: left; padding-left: 10px; content: attr(toggle-on) }
.toggle input[type=radio]:checked+.inner:after { left: 100%; margin-left: -28px }
.toggle.disabled, .toggle.disabled .inner { opacity: .5; filter: alpha(opacity=50); cursor: not-allowed }

/*����*/
.form_horizontal .item .lab,.form_horizontal .item .group,.form_horizontal .item .ts,.form_horizontal .item .static,.form .item .opr{float:left;}
.form_horizontal .item .lab{width:30%;text-align:right;}
.form_horizontal .item .group{width:50%;padding:0 20px 0 10px;_padding:0 10px;}
.form_horizontal .item .ts{width:30%;}
.form_horizontal .item .static{width:30%;padding:7px 26px 0 23px;}
.form_horizontal .item .ts.gray,.form_horizontal .item .prompt.gray{color:#999;}
.form_horizontal .item .ts.error,.form_horizontal .item .prompt.error{color:red;}
.form_horizontal .item .prompt{clear:left;margin-left:30%;padding:5px 0 0 10px;}

/*����*/
.form_inline .item{display:inline-block;*display:inline;*zoom:1;margin-bottom:0;margin-right:10px;vertical-align:top;}
.form_inline .item .input_text,.form_inline .item .select{display:inline-block;*display:inline;*zoom:1;width:auto;*vertical-align:top;}

/*�����*/
.layout{width:1200px;margin:0 auto;}

/*�ٷֱ�*/
.col_7{ width: 70%; }
.col_3{ width: 30%; }

/*������*/
.breadcrumb{padding:15px 0px;}
.breadcrumb li{display:inline;}
.breadcrumb li a,.breadcrumb li em{padding:0 8px;}
.breadcrumb li,.breadcrumb li a{color:#666;}
.breadcrumb li em{color:#999;}

/* ������ */
.steps_round{overflow:hidden;width:850px;margin:18px auto;padding:0 20px; }
.steps_round > div,.steps_round .round,.steps_round .bar{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.steps_round .round{width:24px;height:24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:15px;color:#FFF;line-height:16px;text-align:center;}
.steps_round .bar{height:6px;border-radius:4px;*margin-right:3px;*margin-left:-1px;}
.steps_round > .finish .round{border:4px #2693e0 solid;background-color:#2693e0;color:#ffffff;}
.steps_round > .finish .bar{background-color:#2693e0;}
.steps_round .tit{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0 -15px;color:#2693e0;cursor:default;}
.steps_round > .current .round{border:4px #2693e0 solid;background-color:#2693e0;}
.steps_round > .todo .round{border:4px #b8b8b8 solid;background-color:#b8b8b8;color:#fff;}
.steps_round > .current .bar{background-color:#2693e0;}
.steps_round > .todo .bar{background-color:#b8b8b8;}
.steps_round > .todo .tit{ color: #999;  }
.steps_round.two>div{width:92%;}
.steps_round.two>div .bar{width:93%;}
.steps_round.three>div{width:46%;}
.steps_round.three>div .bar{width:87%;}
.steps_round.four>div{width:31.5%;}
.steps_round.four>div .bar{width:88%;}
.steps_round.five>div{width:22%;}
.steps_round.five>div .bar{width:72%;}
.steps_round>div.last{width:auto;}
.steps_round >div.last .tit{  margin-left: -2px; }

/*header*/
.header{ height: 90px;  border-bottom: 1px solid #2693e0; box-shadow:1px 0px 0px 1px #dddddd inset; background: #fff; position: relative; z-index: 999; }
.header .logo{ margin-top: 20px;  }
.header .nav{ float: left;  margin-top: 35px; }
.header .nav a{ margin-right: 20px;height:24px;line-height: 24px; display: inline-block;}
.header .nav .weixin_box{ display: inline-block; position: relative; height: 50px;   }
.header .nav .weixin_box:hover .weixin_img{ display: block; }
.header .nav .weixin_img{ position: absolute; display: none; left: -20px; top: 38px; text-align: center; background: #fff; border:1px solid #e5e5e5; padding: 5px; width: 120px;}
.header .nav .weixin_img:after{ content: ""; position: absolute; z-index: 9; left: 50%; top: -7px; margin-left: -5px; width: 10px; height: 10px; border:1px solid #e5e5e5; border-right: 0px;  border-bottom: 0px; transform: rotate(45deg); background: #fff;}
.header .nav .weixin_img img{ width: 120px; height: 120px; }
.header .nav .weixin_img p{ line-height: 20px; font-size: 12px; }
.header .nav a i{ color: #aaa; margin-right: 5px; font-size:20px;line-height: 24px; display: inline-block;vertical-align: top; }
.header .nav a i.icon-home{ font-size:18px;}
.header .nav a i.icon-yaoqingma{ font-size:16px;}
.header .nav a i.icon-zhibo{ font-size:18px;}
.header .nav a i.icon-help{ font-size:18px;}
.header .nav a:hover i{color:#2693E0;}
.header .btn{ border-radius: 30px; padding: 5px 25px; vertical-align: middle;  margin-top: 25px; }
.header .btn_blue:hover{ background: #fff; border-color: #2693E0; color: #2693E0; }
.header .btn_borblue:hover{ background: #2693E0; border-color: #2693E0; color: #fff; }
.header .icon-weixin2{ display: inline-block; width: 40px; height: 40px;  margin-top: 25px; border-radius: 50%; background: #f0f4fa; color: #56b72b; font-size: 24px; vertical-align: middle; margin-left: 15px; text-align: center; line-height: 40px; }
.header .icon-weixin2:hover{ background: #56b72b; color: #fff; }
.header .user{float: left; position: relative;  margin-top: 35px; height: 50px;   }
.header .user>a{ display: block; padding: 0 10px; }
.header .user>a span{ display: inline-block; max-width: 80px; vertical-align: middle; }
.header .user .user_head{ width: 40px; height: 40px; border-radius: 50%; margin-top: -10px; margin-right: 5px;}
.header .user i.icon-xia{   margin-left: 5px; vertical-align: middle; }
.header .user ul{ position: absolute; left: 50%; margin-left: -70px; top: 38px; min-width: 140px; border:1px solid #f0f0f0; display: none;  }
.header .user ul:after{ content: ""; position: absolute; z-index: 9; left: 50%; top: -7px; margin-left: -5px; width: 10px; height: 10px; border:1px solid #e5e5e5; border-right: 0;  border-bottom: 0; transform: rotate(45deg); background: #f0f0f0;}
.header .user ul li{ position: relative; }
.header .user ul li:after{ content: ""; position: absolute; left: 15px; right: 15px; bottom: 0px; border-bottom: 1px solid #e5e5e5; z-index: 99; }
.header .user ul li a{ position: relative; z-index: 99; line-height: 50px; padding: 0 20px; background: #f0f0f0; color: #666666; display: block; }
.header .user ul li a i{ margin-right: 10px; font-size: 20px; vertical-align: middle; }
.header .user ul li a i.icon-zuoye{ font-size: 18px; }
.header .user ul li a:hover{  background: #e5e5e5;  }
.header .user:hover ul{ display: block;  }
.header .nav_href{
    height:90px;
    display: inline-block;
    line-height: 90px;
}
.header .nav_href a{
    margin: 0 20px 0 50px;
}


/*footer*/
.footer{ color: #fff; background: #333333; padding: 20px 0px 15px; }
.footer{zoom:1; }
.footer:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;overflow:hidden;}
.footer .link{ margin: 10px 0 15px; }
.footer .link a{ color: #fff; }
.footer .link a:hover{ color: #ccc; }
.footer .link span{ margin: 0 10px; }
.footer p{ margin-bottom: 2px; font-size: 12px; color: #ccc; }
.footer .wechat{ width: 80px; text-align: center; }
.footer .wechat span{ background: #fff; padding: 5px; display: inline-block; margin-bottom: 5px; }
.footer .wechat span img{ width: 60px; height: 60px; }
.footer .wechat p{ color: #fff; font-size: 12px; }

/*�ٷֱ�ԲȦ*/
.out-round{background:#ddd;width:120px;height:120px;}
.circle_box  .txt{ position: absolute; top: 50%;transform: translateY(-50%); -ms-transform:translateY(-50%);  -webkit-transform:translateY(-50%);  width: 100%; text-align: center; color: #2693e0; }
.circle_box  circle { transform-origin: center; transform: rotate(-90deg); transition: stroke-dasharray .3s ease-in; -ms-transform-origin: center; -ms-transform: rotate(-90deg); -ms-transition: stroke-dasharray .3s ease-in; -webkit-transform-origin: center; -webkit-transform: rotate(-90deg); -webkit-transition: stroke-dasharray .3s ease-in; }

/*������*/
.nodatas{ padding: 100px 20px 50px; text-align: center;  }
.course_info .nodatas{ padding: 30px 20px 30px;  }
.nodatas_icon{ display: inline-block; width: 100px; height: 100px; background: url(../image/nodatas.png) 0px 0px; }
.nodatas_order .nodatas_icon{ background-position: -200px 0px; }
.nodatas_course .nodatas_icon{  width: 301px; height: 302px;background: url(../image/empty-course.png) 0px 0px;  }
.nodatas p{font-size: 16px;color: #bbb; }
.table .nodatas{padding:20px;}

/*����ҳ��*/
.error_page{position:absolute;width: 1200px;height: 380px;left: 50%;top:50%;margin-left: -600px;margin-top: -250px;background: #fff;text-align: center;padding-top: 120px;}
.error_page .error_icon{ display: inline-block; width: 306px; height: 127px; background: url(../image/busy.png) 0px 0px; margin-left: 80px; }
.error_page h3{ margin-top: 10px; font-size: 20px; margin-bottom: 10px; color: #ff6600; }
.error_page a{ padding: 0 10px 0px 5px; text-decoration: underline; }
.audit_page{ background:#fff url(../image/audit-bg.png) bottom center repeat-x; padding-top: 60px; height: 440px; }
.audit_page .audit_icon{ display: inline-block; width: 190px; height: 190px; padding: 10px; border: 1px solid #e4ccd0; border-radius: 50%; }

/*΢�ŵ�¼*/
.weixin_login_box{ position: fixed; left: 0px; top: 0px;  width: 100%; height: 100%; z-index: 9999;}
.weixin_login_bg { position: absolute;left: 0px; top: 0px;  width: 100%; height: 100%;  background: #000; opacity: 0.9; filter: alpha(opacity=90); }
.weixin_login_box .close { position: absolute; right: 120px; top: 20px;  }
.weixin_login_box .close .iconfont{color: #fff; font-size: 60px;}
.weixin_login{ position: absolute; width: 300px; height: 380px; left: 50%; top: 50%; margin-left: -150px; margin-top: -190px; text-align: center; }
.weixin_login h2{ font-size: 20px; color: #fff; margin: 20px 0px; }
.weixin_login .img_box{ width: 164px; height: 164px; margin: 0 auto; padding: 10px; background: #fff url(../image/loading.gif) center center no-repeat; }
.weixin_login .img_box img{width: 164px; height: 164px;}
.weixin_login .weixin_txt{ background: #000; border-radius: 60px; color: #fff; padding: 10px; margin-top: 20px; }


/*��ǰ��Ŀ*/
.cloumn{height:20px;line-height:20px;border-left:6px solid #2693e0;font-size:16px;padding-left:10px;}

/* crumbs */
.crumbs{padding:10px 0;}
.crumbs>*{display:inline-block;vertical-align:middle;line-height:25px;}
.crumbs>i{color:#bbb;font-size:16px;margin-right:5px;}
.crumbs>a{color:#666;}
.crumbs>a:hover{color:#2693E0;}
.crumbs>span{color:#bbb;margin:0 5px;font-family:simsun;}
.crumbs>b{color:#999;}

/*���ض���*/
.help-box{position:fixed;bottom:50px;right:5px;z-index:999999;display:none;}
.help-box a{display:block;width:60px;height:60;border:1px solid #d2d2d2;background:#fff;text-align:center;border-radius:3px;overflow:hidden;}
.help-box a.help-gotop i{display:inline-block;vertical-align:top;height:50px;line-height:50px;padding-top:10px;color:#bbb;font-size:40px;font-weight:bold;}
.help-box a:hover{border:1px solid #2693E0;background:#2693E0;}
.help-box a:hover i{color:#fff;}

.help-boxw{position:fixed;right:17px;z-index:999999;}
.help-boxw a{display:block;width:60px;height:60;border:0px solid #d2d2d2;text-align:center;border-radius:3px;overflow:hidden;}
.help-boxw a.help-gotop img{display:inline-block;vertical-align:top;height:50px;line-height:50px;padding-top:10px;color:#bbb;font-size:40px;font-weight:bold;}
.help-boxw a:hover{border:1px solid #2693E0;}