html,body{width:100%;padding:0; margin:0;}
body{color:#666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; min-width:1200px; line-height:1.5em;background:url(/tpl/default/images/bg.png);}
textarea{resize:none;}
img{border:0 none; margin:0; padding:0;}
input:focus,textarea:focus{outline:none;}
ul,dl,ol,li,dd,p,dt,h1,h2,h3,h4,form{list-style:none; margin:0; padding:0;}
em{font-style:normal}
input, textarea { margin:0; padding:0; outline:0; font-size:100%; vertical-align:baseline; }

.ftext{background:#fff url(/tpl/default/images/input_bg.png) 0 0 no-repeat; border:solid 1px #a6a6a6; padding:5px;border-radius:2px;}
textarea.ftext{overflow-y:hidden;}
.ftextfocus{border:solid 2px #63afd6;}

a{color:#999;text-decoration:none;}
a:hover{color:#ff1566;}
a:focus {outline:medium none;}
.red_f{color:#ff1566;}
.placeholdercolor{color:#999;}
input:-moz-placeholder{color:#999;}

.fl{float:left}
.fr{float:right}
.clear{clear:both;overflow:hidden;height:0}
.clearfix{display:block}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
.blank10{height:10px}
.blank20{height:20px}
.blank25{height:25px}
.blank30{height:30px}
::selection{background:#0288d1;color:#fff}
::-moz-selection{background:#0288d1;color:#fff}
button,input,optgroup,select,textarea{margin:0;outline:0}
legend{padding:0;border:0}
textarea{overflow:hidden;resize:none}
input::-moz-placeholder,textarea::-moz-placeholder{color:#b1b1b1}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#b1b1b1}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b1b1b1}
.page-width{margin:0 auto;width:1200px}
.fw-bold{font-weight:700}
.fw-normal{font-weight:400}
.fz-12{font-size:9pt}
.fz-14{font-size:14px}
.fz-16{font-size:1pc}
.fz-18{font-size:18px}
.fz-20{font-size:20px}
.fz-22{font-size:22px}
.fz-24{font-size:24px}
.fz-26{font-size:26px}
.fz-28{font-size:28px}
.fz-30{font-size:30px}
.tx_z{text-align:left}
.tx_y{text-align:right}
.tx_cr{color:#ccc}
.gray{color:#909090}
.w_b10{width:10%}
.w_b20{width:20%}
.w_b30{width:30%}
.w_b40{width:40%}
.w_b50{width:50%}
.w_b60{width:60%}
.w_b70{width:70%}
.w_b80{width:80%}
.w_b90{width:90%}
.w_b95{width:95%}
.w_b100{width:100%}
.w3_3{width:33.33%}
.w-5{width:5px}
.w-10{width:10px}
.w-15{width:15px}
.w-20{width:20px}
.w-25{width:25px}
.w-30{width:30px}
.w-35{width:35px}
.w-40{width:40px}
.w-45{width:45px}
.w-50{width:50px}
.w-55{width:55px}
.w-60{width:60px}
.w-65{width:65px}
.w-70{width:70px}
.w-75{width:75px}
.w-80{width:5pc}
.w-85{width:85px}
.w-90{width:90px}
.w-95{width:95px}
.w-100{width:75pt}
.w-120{width:90pt}
.w-1024{width:64pc}
.w-1200{width:75pc}
.h-5{height:5px}
.h-10{height:10px}
.h-15{height:15px}
.h-20{height:20px}
.h-25{height:25px}
.h-30{height:30px}
.h-35{height:35px}
.h-40{height:40px}
.h-45{height:45px}
.h-50{height:50px}
.h-55{height:55px}
.h-60{height:60px}
.h-65{height:65px}
.h-70{height:70px}
.h-75{height:75px}
.h-80{height:5pc}
.h-85{height:85px}
.h-90{height:90px}
.h-95{height:95px}
.h-100{height:75pt}
.lh-5{line-height:5px}
.lh-10{line-height:10px}
.lh-15{line-height:15px}
.lh-20{line-height:20px}
.lh-25{line-height:25px}
.lh-30{line-height:30px}
.lh-40{line-height:40px}
.lh-45{line-height:45px}
.lh-50{line-height:50px}
.d-block{display:block}
.d-none{display:none}
.show{display:block!important}
.hide{display:none!important}
.p-absolute{position:absolute}
.p-fixed{position:fixed}
.p-relative{position:relative}
.p-inherit{position:inherit}
.f-l{float:left}
.f-r{float:right}
.ta-left{text-align:left}
.ta-center{text-align:center}
.ta-right{text-align:right}
.o-hidden{overflow:hidden}
.o-auto{overflow:auto}
.o-inherit{overflow:inherit}
.opacity-0{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0}
.c-255{color:#fff}
.bg-255{background:#fff}
.bg-bai{background-color:#fff}
.bg-gray{background:#f0f0f0}
.t-r{text-align:right}
.t-c{text-align:center}
.t-l{text-align:left}
.fc-hong{color:red}
.bd-all{border:1px solid #eee;border-radius:3px}
.plr_5{padding-right:5px;padding-left:5px}
.plr_10{padding-right:10px;padding-left:10px}
.plr_15{padding-right:15px;padding-left:15px}
.plr_20{padding-right:20px;padding-left:20px}
.plr_25{padding-right:25px;padding-left:25px}
.plr_30{padding-right:30px;padding-left:30px}
.plr_35{padding-right:35px;padding-left:35px}
.pd_10{padding-bottom:10px}
.pd_20{padding-bottom:20px}
.pd_30{padding-bottom:30px}
.pd_40{padding-bottom:40px}
.pp_5{padding-top:5px}
.pp_10{padding-top:10px}
.pp_15{padding-top:15px}
.pp_20{padding-top:20px}
.pp_30{padding-top:30px}
.pp_40{padding-top:40px}
.pl_10{padding-left:10px}
.pl_20{padding-left:20px}
.pl_30{padding-left:30px}
.pl_40{padding-left:40px}
.pr_10{padding-right:10px}
.pr_20{padding-right:20px}
.pr_30{padding-right:30px}
.pr_40{padding-right:40px}
.mao{margin:0 auto}
.md_10{margin-bottom:10px}
.md_20{margin-bottom:20px}
.md_30{margin-bottom:30px}
.md_40{margin-bottom:40px}
.mp_0{margin-top:0!important}
.mp_5{margin-top:5px}
.mp_10{margin-top:10px}
.mp_15{margin-top:15px}
.mp_20{margin-top:20px!important}
.mt_20{margin-top:20px!important}
.mp_25{margin-top:25px}
.mp_30{margin-top:30px}
.mp_40{margin-top:40px}
.mp_50{margin-top:50px}
.mp_60{margin-top:60px}
.mp_70{margin-top:70px}
.ml_5{margin-left:5px}
.ml_10{margin-left:10px}
.ml_20{margin-left:20px}
.ml_30{margin-left:30px}
.ml_40{margin-left:40px}
.mr_10{margin-right:10px}
.mr_20{margin-right:20px}
.mr_30{margin-right:30px}
.mr_40{margin-right:40px}
.ro_3{border-radius:3px}
.ro_5{border-radius:5px}
.ro_7{border-radius:7px}
.ro_9{border-radius:9px}
.ro_11{border-radius:11px}
.ro_13{border-radius:13px}
.ro_15{border-radius:15px}
.ro_17{border-radius:17px}
.ro_19{border-radius:19px}
.ro_20{border-radius:20px}
.rod{border-radius:50%}
.pad_10{padding:10px}
.pbd_10{padding-right:10px;padding-left:10px}
.pbd_15{padding-right:15px;padding-left:15px}
.del{text-decoration:line-through}
.mt15{margin-top:15px}
.opacity0{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}

.f14{font-size:14px;}
.fleft{float:left;}
.fright{float:right;}
.tcenter{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.hide{display:none!important;}
.vhide{visibility:hidden;}
.tipcolor{color:#cccccc!important;}
.fontfamily{font-family:"微软雅黑", "宋体", Arial;}

.format_label{float:left;}
.format_label input{float:left; padding:0; margin:2px 3px 0 0; *margin:-3px 3px 0 -4px;}
:root .format_label input{margin-top:1px\9;}
.format_label span{float:left; cursor:pointer;}

.clear:before,.clear:after { content:""; display:table;}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; height:1px; zoom:1;}

.cf:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .cf{ height:1%;}
*+html .cf{ height:1%;}

.blank3 {clear:both; height:3px; overflow:hidden; display:block;}
.blank6 {clear:both; height:6px; overflow:hidden; display:block;}
.blank9 {clear:both; height:9px; overflow:hidden; display:block;}
.blank12 {clear:both; height:12px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank40 {clear:both; height:40px; overflow:hidden; display:block;}
.blank50 {clear:both; height:50px; overflow:hidden; display:block;}
.blank60 {clear:both; height:60px; overflow:hidden; display:block;}
.blank70 {clear:both; height:70px; overflow:hidden; display:block;}
.blank85 {clear:both; height:85px; overflow:hidden; display:block;}

.radius2{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.radius2_tl{-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px;}
.radius2_tr{-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px;}
.radius2_bl{-moz-border-radius-bottomleft:2px;-webkit-border-bottom-left-radius:2px;border-top-bottom-radius:2px;}
.radius2_br{-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;border-top-bottom-radius:2px;}

.radius3{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.radius3_tl{-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;}
.radius3_tr{-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;}
.radius3_bl{-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-top-bottom-radius:3px;}
.radius3_br{-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-top-bottom-radius:3px;}

.radius4{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.radius4_tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;}
.radius4_tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;}
.radius4_bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-top-bottom-radius:4px;}
.radius4_br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-top-bottom-radius:4px;}

.inputlength{position:absolute; float:left; display:block; background:#E5E7EA; font-family:Arial, Helvetica, sans-serif; border-radius: 2px;color: #636B6F;font-size: 14px;font-weight: bold; text-align:center; height:24px; line-height:24px; overflow:hidden; clear:both; z-index:1;}
.icon_edit{font-size:16px; line-height:16px;background:url(/tpl/default/images/edit.gif) center bottom no-repeat; padding:0 6px 1px 6px;}
.icon_editd{background:url(/tpl/default/images/editd.gif) center bottom no-repeat;}
.icon_delete{font-size:16px; line-height:16px;background:url(/tpl/default/images/delete.gif) center bottom no-repeat;padding:0 6px 1px 6px;}
.icon_deleted{background:url(/tpl/default/images/deleted.gif) center bottom no-repeat;}

.current_btn{box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);display:inline-block;border-radius:3px; line-height:normal!important;}
.current_btn b{height:32px; line-height:32px; padding:0 12px;color:#fff;font-family:"微软雅黑", "宋体", Arial;font-size:14px; cursor:pointer;text-shadow:0 1px rgba(0, 0, 0, 0.5);}
.current_btn input{border:none; margin:0; background:transparent;padding:0 12px 2px 12px; height:32px; line-height:normal!important;color:#fff;font-family:"微软雅黑", "宋体", Arial;font-size:14px; cursor:pointer;text-shadow:0 1px rgba(0, 0, 0, 0.5); text-align:center;}
.ie8 .current_btn input{padding:1px 12px 0 12px;}
.ie7 .current_btn input{padding:1px 6px 0 6px;}
.ie6 .current_btn input{padding:2px 6px 0 6px;}

.big_btn b{height:38px; line-height:38px; font-size:16px; padding:0 24px;}
.big_btn input{height:38px; font-size:16px; padding:0 24px 2px 24px;}
.ie8 .big_btn input{padding:1px 24px 0 24px;}
.ie7 .big_btn input{padding:1px 12px 0 13px;}
.ie6 .big_btn input{padding:2px 12px 0 13px;}

.small_btn b{height:28px; line-height:28px; font-size:14px; padding:0 14px;}
.small_btn input{height:28px; font-size:14px; padding:0 14px 2px 14px;}
.ie8 .small_btn input{padding:2px 14px 0 14px;}
.ie7 .small_btn input{padding:2px 7px 0 7px;}
.ie6 .small_btn input{padding:4px 7px 0 7px;}

.mini_btn b{height:20px; line-height:20px; font-size:13px; padding:0 10px;}
.mini_btn input{height:20px; font-size:13px; padding:0 10px 1px 10px;}
.ie8 .mini_btn input{padding:2px 10px 0 10px;}
.ie7 .mini_btn input{padding:2px 4px 0 5px;}
.ie6 .mini_btn input{padding:3px 4px 0 5px;}

.green_btn{border:solid 1px #5f7828; background:url(/tpl/default/images/green_btn.png) 0 0 repeat-x #67832f;}
.green_btn:hover,
.green_btn_hover{background:url(/tpl/default/images/greenh_btn.png) 0 0 repeat-x #6c941d;}

.blue_btn{border:solid 1px #256184; background:url(/tpl/default/images/blue_btn.png) 0 0 repeat-x #5886a1;}
.blue_btn:hover,
.blue_btn_hover{background:url(/tpl/default/images/blueh_btn.png) 0 0 repeat-x #6492ae;}

.red_btn{border:solid 1px #a40000; background:url(/tpl/default/images/red_btn.png) 0 0 repeat-x #b22724;}
.red_btn:hover,
.red_btn_hover{background:url(/tpl/default/images/redh_btn.png) 0 0 repeat-x #c33835;}

.gray_btn{border:solid 1px #bbbbbb; background:url(/tpl/default/images/gray_btn.png) 0 0 repeat-x #e9e9e9;}
.gray_btn:hover,
.gray_btn_hover{background:url(/tpl/default/images/gray_btn.png) 0 0 repeat-x #e9e9e9;}
.gray_btn input{color:#333;text-shadow:0 1px rgba(255, 255, 255, 0.5);}

.disabled_btn{border:solid 1px #505050; background:url(/tpl/default/images/disabled_btn.png) 0 0 repeat-x #5584a0; color:#eee;}
.disabled_btn:hover,
.disabled_btn_hover{background:url(/tpl/default/images/disabledh_btn.png) 0 0 repeat-x #628ea7; color:#eee;}

.loading_btn{position:relative;}
.loading_btn .lb_pbox{position:absolute; left:0; top:0; z-index:1; background:#fff;filter:alpha(opacity=68);-moz-opacity:0.68;opacity: 0.68; width:100%; height:100%; margin:0!important; padding:0!important; line-height:normal!important;}
.loading_btn .lb_spanbox{background:url(/tpl/default/images/loading_mini.gif) no-repeat center center; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;margin:0!important; padding:0!important; line-height:normal!important;}
.alert_content{padding:38px 24px; font-size:14px; line-height:1.5em;}

.container1200{background:#fff;-webkit-box-shadow:0 1px 4px rgba(34, 25, 25, 0.3);-webkit-border-shadow:0 1px 4px rgba(34, 25, 25, 0.3);box-shadow:0 1px 4px rgba(34, 25, 25, 0.3);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; margin-left:auto; margin-right:auto; width:1200px; position:relative;}
.ie_low .container1200{border:solid 1px #d3d3d3;}
.container_center{margin:20px auto 0 auto; width:1200px; position:relative;}
.page_line{background:url(/tpl/default/images/d.gif) repeat-x 0 0; height:2px; overflow:hidden;}

.pagination{text-align:center;}
.pagination *{display:inline-block;}
.pagination a,
.pagination span,
.pagination i{border:1px solid #E9E5DB;margin:0 1px;white-space:nowrap;height:30px;line-height:30px;color:#96845B;background:#fff;padding:0 12px; font-family:"宋体", Arial; font-size:14px;}
.pagination span{color:#ff5a00;font-weight:bold;background:#fff;border:solid 1px #ff5a00;}
.pagination a:hover {background:#fff;color:#ff5a00;border:solid 1px #ff5a00;}

.pagination_small a,
.pagination_small span,
.pagination_small i{height:16px;line-height:16px;padding:0 4px; font-size:12px;}

#header{height:80px;width:100%;background:url(/tpl/default/images/header_bg.png) 0 0 repeat-x;}
#header .header_box{width:1200px; margin:0 auto; height:80px; position:relative; z-index:3}
#header .logo{margin:19px 0 0 0; float:left;}
#header .head_nav{position:absolute; left:214px; top:22px; height:55px; width:600px;}
#header .hn_item{float:left;}
#header .hn_item a{float:left;padding:0 20px; height:55px; line-height:56px; font-size:16px; color:#616161; display:block;}
#header .hn_item a:hover,
#header .hn_item a.c{color:#ff5a00; background:url(/tpl/default/images/header_sj.png) center bottom no-repeat;}
#header .create{position:absolute;top:-25px;right:0px;}
#header .create a.red{color:#f30!important;}
#header .create a.blue{color:#7d9e3a!important;}
#header .create a{padding-left:10px;}
#header .head_user{ z-index:2;position:absolute; top:40px; right:0; height:20px; width:185px; font-size: 14px; line-height:20px;}
#header .head_user .li,#header .head_user .split{float:right; margin:0 5px 0 5px; display:inline-block;}
#header .head_user a{ color:#6f6f6f;}
#header .head_user .menus{ display:none; border:1px solid #ccc;padding:6px 7px; position:absolute; right:0; top:20px; z-index:10; background:#fff}
#header .head_user .menus li{word-wrap: break-word; word-break: break-all; float:left;}
#header .head_user .menus li.active{background:#FF6600;}
#header .head_user .menus a{display:block;line-height:26px;padding:0 8px;word-wrap:normal;white-space:nowrap;word-break:keep-all;}
#header .head_user .menus a:hover{color:#fff }
#header .head_user .hico span{ background:url(/tpl/default/images/hico.gif) no-repeat right center; padding-right:10px}
#header .head_user .user{cursor:pointer;}
#header .head_user .user span{ float:left; display:inline-block; height:20px; line-height:20px}
#header .head_user .user img{ float:left; margin-right:8px}

#header .search_form{position:absolute; top:38px; right:160px; width:205px; height:27px;}
#header .search_txt{border:solid 1px #c2c0c0; height:25px; padding:0px 5px; width:130px; border-right:none; background:#faf7f7; float:left;border-radius:0;}
#header .search_btn{width:30px; height:27px; float:left; background:url(/tpl/default/images/search_btn.png) 0 0 no-repeat; border:none; overflow:hidden;cursor:pointer;}

#footer{width:100%; height:70px; background:#e5e5e5;}
#footer .footer_box{width:1200px; margin:0 auto; height:70px; position:relative;}
#footer .logo{margin:12px 0 0 0; float:left;}
#footer .footer_right{float:right;}
#footer .footer_nav{line-height:14px; padding:16px 0 0 0; text-align:right;}
#footer .footer_nav span{color:#f1f1f1; padding:0 5px;}
#footer .footer_nav a{color:#5d5d5d;}
#footer .copyright{text-align:right; padding:10px 0 0 0; color:#5d5d5d;}

/*--------------底部开始----------------*/
.footer{background:#2a363c;padding:50px 0;}
/*底部上层*/
.link-itemBox{padding-left: 25%;margin-top: 15px;}
.foot_top .tel-item{border-right: 1px #666 dashed;padding-right: 5%;margin-right: 5%;}
.foot_top .link-item{height:20px;}
.foot_top .link-item a {margin-right: 3%;padding-right: 3%;color: #888;height: 20px;line-height: 20px;border-right: 1px #555 solid;font-size: 15px; box-sizing:border-box;}
.foot_top .link-item a:last-child{ border-right:0;}
.footer .tel-item h3 {font-size: 18px;color: #fff;margin-top: 0;margin-bottom: 16px;font-weight:normal;}
.footer .tel-item .tel{font-size:24px;color: #9b9b9b; line-height:34px;}
.footer .tel-item .tel span{font-size:14px;margin-left:10px;}
.footer .tel-item .code-img{ position: absolute;bottom: 18px;left: 50%;margin-left: -80px; display: none;}
.footer .tel-item .follow-icon a{width:25px;height:25px;color:#888;/*background:#333;*/float:left; text-align: center;line-height:25px;margin:10px 10px 0 0;border-radius: 18px;border: 2px solid #888;position: relative;}
.footer .tel-item .follow-icon i{font-size:16px;}
.footer .tel-item .follow-icon .a-wechat:hover .code-img{ display: block;}

.foot_inner{line-height:30px;padding-top: 25px;color:#9b9b9b;font-size: 14px; }
.policeBox{text-align: center;padding: 20px 0 0;margin-top: 35px;border-top: 1px #404a50 solid;}
.policetelBox{color: #9b9b9b;margin-bottom: 20px;font-size: 14px;}
.wxBox{margin-top: -30px;margin-right: 10%;}
.wxBox p{color: #9b9b9b;font-size: 15px;line-height: 30px;margin-bottom: 5px;}
.wxBox img{width: 100px;display: block;margin: auto;padding:1px;background: #fff;box-sizing: border-box;border-radius: 3px;}

.wWidth1200 .wxBox,.innerBody .wxBox{ display:none;}

/* 侧边栏 */
.aside-operate{width:50px; position: fixed;right:20px;bottom:110px;background:#fff; display: none;z-index: 100;}
.aside-operate li{height:50px;text-align: center;line-height:50px; position: relative; cursor: pointer;color:#76808a;color: #fff;background: #0288d1;}
.aside-operate li i{ display: block; font-size:24px;}
.aside-operate span{position: absolute;left: 0;top: 8px;width: 100%;line-height: 16px;text-align: center;background: #0288d1;font-size: 14px;display: none;color: #fff;}
.aside-operate li .code-box{width:118px;padding:15px;border:1px solid #e3e3e3; position: absolute;right:70px;top:50%;margin-top:-90px;background:#fff;color:#61666c; display: none;}
.aside-operate li .code-box img{width:118px;height:118px; display: block;margin:0 auto;}
.aside-operate li .code-box p{line-height:24px;font-size:14px; display: block;margin-top:10px;}
.aside-operate li .code-box em{width:6px;height:9px; background:url(../images/course/arrow-r.png) no-repeat; position: absolute;right:-6px;top:50%;margin-top:-5px;}

/*内页banner*/
.i-banner{background: url(/public/images/course/banner-bg.jpg) no-repeat center center;width: 100%;position: relative;height: 420px;margin-bottom: 30px;}
.i-banner h1 {font-size: 64px;padding-top: 100px;height: 100px;line-height: 100px;font-weight: bold;color: #fff; text-align:center;}
.i-banner span {font-size: 40px;height: 60px;line-height: 60px;color: #fff;display: block;text-align: center;margin-top: 30px; text-align:center;}

.c-banner{background: url(/public/images/course/cbanner.jpg) no-repeat center center;}
.t-banner{background: url(/public/images/course/tbanner.jpg) no-repeat center center;}
.g-banner{background: url(/public/images/course/gbanner.jpg) no-repeat center center;}
.a-banner{background: url(/public/images/course/abanner.jpg) no-repeat center center;}
.e-banner{background: url(/public/images/course/ebanner.jpg) no-repeat center center;background-size: cover;}
.p-banner{background: url(/public/images/course/pbanner.jpg) no-repeat center center;background-size: cover;}

.page_tooltip{margin:160px 80px 0 80px; padding:0 0 160px 0}
.page_tooltip h3{margin:0 0 0 220px; font-size:18px; line-height:50px;}
.page_tooltip div{margin:0 0 0 220px; font-size:14px; width:428px; line-height:2em;}
.page_tooltip_error{background:url(/tpl/default/images/terror.gif) 150px 0 no-repeat;}
.page_tooltip_success{background:url(/tpl/default/images/tsuccess.gif) 150px 0 no-repeat;}
.page_tooltip_alert{background:url(/tpl/default/images/talert.gif) 150px 0 no-repeat;}

.process_box{height:12px; overflow:hidden; float:left; border-radius:3px; background:url(/tpl/default/images/process_bg.png) 0 0 repeat-x;}
.process_box .pbh{height:12px; float:left; background:url(/tpl/default/images/process_hbg.png) 0 0 repeat-x;}

.FLOADING_BOX{position:relative;}
.FLOADING_BOX .FB_BOX{position:absolute; z-index:2; left:0; top:0;}
.FLOADING_BOX .FBB_BG{position:absolute; left:0; right:0; z-index:1; background:#fff;filter:alpha(opacity=68);-moz-opacity:0.68;opacity: 0.68; width:100%; height:100%;}
.FLOADING_BOX .FBB_ANIMATE{position:absolute; left:0; right:0; z-index:2; background:url(/tpl/default/images/loading_big.gif) no-repeat; width:100%; height:100%;}
.FLOADING_BOX .FBB_ANIMATE p{text-align:center; color:#000; font-size:14px; height:20px; line-height:20px; padding:0 30px; font-weight:bold;}

.UPLOAD_PHOTO_BOX{position:relative;}
.UPLOAD_PHOTO_BOX object{position:absolute; z-index:2; top:0; left:0;}
.UPLOAD_PHOTO_BOX label{position:absolute; z-index:1;top:0; left:0;}

.TOOLTIP_BOX{float:left; position:absolute; z-index:1000; padding:0 0 7px 0;}
.TOOLTIP_BOX .TBB{float:left; height:8px; width:14px;background:url(/tpl/default/images/tooltip_jt.gif) no-repeat 0 0; overflow:hidden; position:absolute; z-index:2; bottom:0; left:24px;}
.TOOLTIP_BOX .TBM{float:left; background:#ffffbe; border:solid 1px #ffdf60; padding:5px 26px 5px 6px; color:#333;border-radius:3px;}
.TOOLTIP_BOX .TBM em{font-size:12px; color:#ED4855; font-style:normal;}
.TOOLTIP_BOX .TBCLOSE{width:11px; height:11px; display:block;background:url(/tpl/default/images/close.gif) no-repeat 0 0; position:absolute; top:5px; right:5px; overflow:hidden; text-indent:-80px; cursor:pointer;}

.TOOLTIP_BOX_DOWN{padding:7px 0 0 0;}
.TOOLTIP_BOX_DOWN .TBB{background:url(/tpl/default/images/tooltip_jt1.gif) no-repeat 0 0;top:0;left:24px;}
.TOOLTIP_BOX_DOWN .TBCLOSE{top:13px;}

.ADD_FOLLOW{width:58px;height:30px;border:1px solid #ddd;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.08);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.08);box-shadow:0 1px 1px rgba(0,0,0,0.08);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#f7f7f7;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f1f1',gradientType='0');background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));background:-moz-linear-gradient(top,#fff,#f1f1f1);cursor:pointer;color:#888}
.REMOVE_FOLLOW {background: #F8F8F8;border: 1px solid #CCC;height: 30px;padding: 0 12px;cursor: pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #888;}

.ui-progressbar{height:32px; position:relative;}
.ui-progressbar-value{background:url(/tpl/default/images/animated-overlay.gif) repeat-x 0 0;}
.progress-label{position:absolute; z-index:2; top:0; left:0; color:#000; line-height:32px; font-size:14px;text-shadow: 1px 1px 0 #fff; padding:0 10px;}
.swf_client_link{vertical-align:bottom;}

/*标题banner*/
.title-banner{ height:260px; overflow:hidden; text-align:center;color:#fff;}
.title-banner h4{ font-size:32px; line-height:52px; padding-top:80px; font-weight:normal;}
.title-banner p{ font-size:14px; letter-spacing:1px; line-height:44px;}
.bg-classroom{ background:url(/public/images/course/bjlb.jpg) no-repeat 50% 0;}
.bg-group{ background:url(/public/images/course/xzsy.jpg) no-repeat 50% 0;}
.bg-exam{ background:url(/public/images/course/banner-exam.jpg) no-repeat 50% 0;}
.bg-ask{ background:url(/public/images/course/bg.jpg) no-repeat 50% 0;}
.bg-about{ background:url(/public/images/course/banner-about.jpg) no-repeat 50% 0;}
.bg-gkc{ background:url(/public/images/course/banner-gkc.jpg) no-repeat 50% 50%;height:200px;background-size: cover;}

/*-------------------组件----------------------*/
/*carousel*/
.carousel-dots{ position:absolute;bottom:20px;width:100%; text-align:center;height:12px; line-height:12px; overflow:hidden;}
.carousel-dots span{ display:inline-block;}
.carousel-dots i{width:12px;height:12px;float:left; background:#fff;margin:0px 5px; border-radius:50%; cursor:pointer;filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity:1;  opacity:1;transition: width .3s ease-out;}
.carousel-dots .on{width: 30px;border-radius: 12px;}
.carousel-prev,
.carousel-next{width:60px;height:60px; position:absolute;top:50%;margin-top:-30px; cursor:pointer; filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5;}
.carousel-prev{left:0;background:url(../images/course/icon-l.png) no-repeat 50% 50%;}
.carousel-next{right:0;background:url(../images/course/icon-r.png) no-repeat 50% 50%;}
.carousel-prev:hover,
.carousel-next:hover{filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;  opacity: 1;}
/* 导航位置 */
.posnav {line-height: 23px;color: #9b9b9b;font-size:13px;padding:20px 0 15px 0;}
.posnav a{color: #999;}
.posnav em{ margin:0 5px;}

.sub-title{height:48px; line-height:48px;margin-top:15px; overflow:hidden; position:relative; font-size:18px;}
.sub-title .lined{width:40px;height:2px; position:absolute;bottom:0;left:0; background:#0288d1;}
.sub-title-sort{float:right;height:34px;line-height:34px;border:1px solid #e6e6e6;border-bottom:1px solid #e0e0e0;background:#f8f8f8;    border-radius: 25px;overflow:hidden;margin-top:10px;}
.sub-title-sort a{padding:0 20px;float:left;font-size:13px;color:#5b5b5b;border-left:1px solid #e6e6e6;}
.sub-title-sort a:first-child{border-left:0px;}
.sub-title-sort i{float: right;width:7px;height:10px;float:right;background:url(../images/course/sort-arrow.png) no-repeat;margin:11px 0 0 7px;}
.sub-title-sort .curr{background:#fff;color:#0288d1;}
.sub-title-sort a:hover,
.sub-title-sort a:hover i,
.sub-title-sort .curr,
.sub-title-sort .curr i{color:#0288d1;}
.sub-title-sort .d:hover i,
.sub-title-sort .curr.d i{background:url(../images/course/desc.png) no-repeat;}
.sub-title-sort .a:hover i,
.sub-title-sort .curr.a i{background:url(../images/course/asc.png) no-repeat;}

/*filterbox*/

.filterbox{border:1px solid #ebebeb;border-radius:4px;background: #fff;}
.filterbox ul{ background-color:white; text-indent:20px;border-radius:3px;}
.filterbox li{ position: relative;border-top:1px dashed #ebebeb;padding: 15px 15px 15px 0;margin-left: 140px;}
.filterbox li:first-child{border-top:0px;}
.filterbox li span{width: 140px;font-size: 16px;line-height:34px;position: absolute;left:-150px;top:15px; color:#fff;background:url(../images/course/icon-1.png) #ff9f37 no-repeat right center;}
.filterbox li a{float: left;margin:0px 15px 0px 0;font-size: 14px;color: #828282;line-height: 34px;}
.filterbox li a.curr,
.filterbox li a:hover{color:#0288d1;}
.filterbox li:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.filterbox .path-now{font-size: 16px;color: #333;margin-bottom:20px;}

/*sort*/
.sortbox{border: 1px solid #ebebeb;font-size:14px;height: 42px;line-height:42px;margin-top:25px;background:#f9f9f9;position: relative;}
.sortbox-title{font-size:16px;color:#333;float:left;padding-left:20px;}
.sortbox,
.sortbox a{color:#6b6b6b;}
.sortbox-find{float:left;padding-left:20px;}
.sortbox-find strong{color:#f54444;padding:0 5px;font-weight:normal;}
.sortbox-option{float:right;}
.sortbox-option a{float:left;padding:0 20px;}
.sortbox-option-l{float:left;}
.sortbox-option-l a{border-left:0;}
.sortbox-option .edufont{float:right;font-size:13px;margin-left:5px;color:#ababab;}
.sortbox-option a:hover,
.sortbox-option a:hover i,
.sortbox-option .curr{color:#0288d1;}

.sortbox-option .d:hover i,
.sortbox-option .curr.d i{background:url(../images/course/desc.png) no-repeat;}
.sortbox-option .a:hover i,
.sortbox-option .curr.a i{background:url(../images/course/asc.png) no-repeat;}
.sortbox-option i{float: right;width:7px;height:10px;float:right;background:url(../images/course/sort-arrow.png) no-repeat;margin:16px 0 0 10px;}
.sortbox-tab{float:left;}
.sortbox-tab a{padding:0 20px;float:left; position: relative;}
.sortbox-tab .curr{color:#333;background:#fff;}
.sortbox-select{float:left;padding:0 20px;border-left:1px solid #ebebeb; position: relative;}
.sortbox-selectbox{width:150px;max-height:240px; position: absolute;left:0;top:42px;background:#fff; z-index: 90;border:1px solid #ebebeb; overflow-y: auto; display: none;}
.sortbox-selectbox span{ display: none; }
.sortbox-selectbox a{ display: block;/*height: 44px;*/line-height: 44px;padding: 0 20px; overflow: hidden; }
.sortbox-selectbox a:hover{background:#f9f9f9;}
.sortbox-selected{ cursor: pointer; }
.sortbox-selected i{float:right; font-size:13px;margin-left:10px;}

.sortbox-search{float:right;}
.sortbox-search-city{ cursor: pointer; }
.sortbox-search-city i{float:right;font-size:12px;margin-left:5px;color:#9b9b9b;}
.sortbox-search-city,
.sortbox-search-box{float:left; padding:0 15px;border-left:1px solid #ebebeb; position: relative;background:#fff;}
.sortbox-search-box{padding-right:0;}
.sortbox-search-box .text{height:42px;line-height:42px;color:#6b6b6b;border:0px;width:300px;float:left;font-size:14px;}
.sortbox-search-box .text:focus{border:0;}
.sortbox-search-box .btn{width:42px;height:42px; text-align: center; float:left; font-size:16px;border:0px; cursor: pointer;background:none; color:#9b9b9b;border-left:1px solid #ebebeb; transition: .3s;}
.sortbox-search-box .btn:hover{background:#f9f9f9;}
.sortbox-search-menu a,
.sortbox-search-menu i,
.sortbox-search-menu{float:left;}
.sortbox-search-menu a{padding:0 15px;border-left:1px solid #ebebeb; color:#9b9b9b;}
.sortbox-search-menu i{margin-right:5px;}
.sortbox-search-menu .active{color:#0288d1;}


#kj {
  position: fixed;
  right: 0 !important;
  z-index: 19;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  box-shadow: 0 0 20px 0 rgba(0, 144, 255, 0.3);
}
#kj a.tool-item {
  font-size: 20px;
  text-align: center;
  text-indent: 0;
  width: 60px;
  height: 75px;
  display: block;
  overflow: hidden;
  background-color: #fff;
  padding: 12px 0 8px;
  box-sizing: border-box;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear;
}
#kj a.tool-item:hover {
  background-color: #e8eff8;
}
#kj a.tool-item span {
  margin-top: 6px;
  display: block;
  font-size: 12px;
  color: #848e99;
}
#kj .kj-qrcode {
  display: none;
  position: absolute;
  top: 0;
  right: 76px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 144, 255, 0.3);
  padding: 10px;
  font-size: 12px;
  text-align: center;
  width: 190px;
}
#kj .kj-qrcode:before, #kj .kj-qrcode:after {
  content: ' ';
  position: absolute;
  top: 92px;
  width: 0;
  height: 0;
  border: 14px solid transparent;
}
#kj .kj-qrcode:before {
  right: -27px;
  border-left-color: #fff;
  z-index: 101;
}
#kj .kj-qrcode p {
  color: #31afff;
  font-size: 12px;
}
#kj .kj-qrcode .qcode {
  height: 180px;
  width: 180px;
}
#kj .app-down {
  top: 75px;
}
#kj .welfare-qrcode {
  top: -75px;
}
@media (max-width: 1600px) {
  #kj {
    right: 10px;
  }
}

.kj-fixed {
  bottom: 25px !important;
}