@charset "UTF-8";
/* CSS reset */
html * { -webkit-font-smoothing: antialiased; font-family: "Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin: 0; padding: 0; }
fieldset,img{ border: 0; }
:focus{ outline: 0; }
input::-ms-clear{display : none; } 
address,caption,cite,code,dfn,em,strong,th,var,optgroup{ font-style: normal; font-weight: normal; }
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal; /*font-family: "Microsoft YaHei";*/ }
abbr,acronym{ border: 0; font-variant: normal; }
code,kbd,samp,tt{ font-size: 100%; }
input,button,textarea,select{ *font-size: 100%; border:none;}
body{ background:#efeeee; color:#5e5e5e; font: 14px/2em Microsoft YaHei,SimSun,Arial;}
ol,ul{ list-style: none; }
table{ border-collapse: collapse; border-spacing: 0; }
caption,th{ text-align: left; }
sup,sub{ font-size: 100%; vertical-align: baseline; }
:link, :visited, ins{ text-decoration: none; }
blockquote,q{ quotes: none; }
blockquote:before, blockquote:after, q:before, q:after{ content: ''; content: none; }
a:link, a:visited{ color: #5e5e5e;}
a:hover { color:#0fa6ea;}
a:active { color: #666;}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden; }
.clearfix{*zoom:1;}
.fl{ float:left}
.fr{ float: right}
.clear{ height:0; overflow:hidden; clear:both}
.hide{display:none;}
.btn.hide{display:none;}
a.hidefocus { outline: none; }
button.hidefocus::-moz-focus-inner { border:none; }
a:focus {outline:none;-moz-outline:none;}
input,textarea {outline:none;}
h2 { font-size: 20px; }
h3 { font-size: 16px; line-height: 32px; }
h5 { font-size: 14px; line-height: 28px; }

/*border && padding*/
.img_border { border: 4px solid #fff; border-radius: 1px;}
.bb { border-bottom: 1px solid #d2d2d2 }
.bt { border-top: 1px solid #d2d2d2 }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pb15 { padding-bottom: 15px; }
.p15{ padding:0 15px}
.pl10{ padding-left: 10px;}
.pb40 { padding-bottom: 40px; }
.pb150 { padding-bottom: 150px; }
.bb1s{border-bottom:1px solid #ddd; }
.ov{ overflow: hidden;}
.h50{ height: 50px;}
/*颜色定义*/
.color-gray,a.color-gray:link,a.color-gray:visited{color:#b7bcc0;}html,
body {
  font:14px/1.5 "Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;;
  color: #14191e;
}
body {
  overflow-y: scroll;
}
body {
  min-width: 1200px;
  background-color: #efeeee;
}
a:link,
a:visited {
  color: #14191e;
}
a:hover,
a:active {
  color: #1c568f;
}
.clearfix:after {
  content: '\0020';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  *zoom: 1;
}
.clearfix {
  clear:both;
  overflow: hidden;
}
.l {
  float: left;
}
.r {
  float: right;
}
.hide {
  display: none;
}
.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.por{position: relative;}
.poa{position: absolute;}
.zindex9{z-index: 9;}
.bgcfff{background-color: #fff;}
.w1200{width: 1200px;}
.mt20{ margin-top:20px;}
.title-h3{line-height: 20px; height:20px;font-size: 18px;color: #191b1c; border-left:2px solid #1c568f; padding-left:10px; margin:30px 0px 0px 0px }
/*--------------------------------------
 common
*/
.w1170{ width: 1180px; margin:0 auto;}
.w1180{ width: 1180px; margin:0 auto;}
.warp-border{ border: 1px solid #d2d3d6; background-color: #ffffff; overflow:hidden}
.warp-mtb{ margin-bottom: 65px; margin-top: 35px;overflow:hidden}
.warp-mb{margin-bottom: 65px; }
.mauto{margin:0 auto;}
.fonts16{font-size:16px;}
.fontblue{color:#0fa6ea;}
.w900{width: 900px;}
body{position: relative;}

/*---------------------------------------
 header
*/
.header{  height: 60px;background-color:#fff;}
.header-bot{border-bottom:1px solid #1c568f; }
.header .logo{ width: 200px;}
.header .logo a{ display:block; padding-top: 8px;float:left;width: 140px;height: 42px;}
.header .logo a img{ width: 188px;height: 40px;margin-top: 3px;}

.header .logo span{display:block; color:#6e7377; float:left; height:15px; line-height: 15px; border-left:1px solid #6e7377; margin-left:8px;padding-left:8px; margin-top: 35px}

.header .menu{ width:450px; float:left;margin-left: 28px;}
.header .menu li{ float:left; padding:0px 30px; height:60px; line-height:60px;}
.header .menu li a{  color:#666666; display:block;}
.header .menu li :hover{  color:#103962; display:block;}
.header .menu li.on{background-color:#103962;}
.header .menu li.on a{  color:#666666; display:block; background-color:#103962; color:#ffffff}

/*heder-index*/
.header .seach{width: 380px;height: 37px;background-color: #363c41;margin-left: 200px;margin-top: 15px;position: relative;}
.seach .seach-txt{width: 330px;height: 37px;padding: 0 5px;background-color: #363c41;float: left;}
.seach span a{background-color: #2f3438;color: #787d82;float: right;margin-top: 9px;margin-right: 8px;padding: 1px 3px;font-size: 12px;}
.seach .seach-btn{float: right;width: 38px;height: 38px;border-left:2px solid #131718;background: url(../images/icon.png) no-repeat -52px -37px;background-size: 92px 116px;text-indent: -9999px;cursor: pointer;}
.header .active span{display: none;}
.header .seach-icon{position: absolute;right: 34px;}
.header .active .seach-txt{background-color: #fff;width: 329px;}
.header .active .seach-btn{background-position:8px -85px }
/*heder-login*/
.header .go-back{ width: 120px; line-height: 65px;text-align: right;}
.header .go-back a{ color:#fff}
.header .go-back a:hover{ color:#fff}


.nav-line{ padding:0px;  height:1px; overflow:hidden}
.header-top{ background-color:#2f2f2f; width:100%; height:30px; line-height:30px}
.ptr_list li.title{ position: relative; float: left;list-style: none; right no-repeat; }
.ptr_list .dptr_tag{ color: #cccccc; float: left; padding: 0px 10px 0px 0px; margin-left: 5px; margin-right: 15px; }
.ptr_list .dptr_tag:hover{color: #eeeeee}

.ptr_list .dptr_tag i{font-size: 20px; padding-top: 2px; }

.uname_tag{  display:block;line-height: 7px;; padding-top: 10px; float: left;}
.dptr_tag img{ vertical-align: 2px;}

.down_box{ display: none; position: absolute; top:30px; background-color: #fff; z-index: 102; left:0px;  box-shadow:0px 0px 8px #ccc;}
.down_box dl{ padding:5px 0px;}
.down_box dl.leftdl dt{ line-height:25px; width:70px;background: url(../images/listtag.jpg)  10px no-repeat; padding-left:20px}
.down_box dl.rightdl dt{ line-height:25px; width:120px;background: url(../images/listtag.jpg)  10px no-repeat; padding-left:20px}
.ht-left{ width:530px;}
.ht-right{ width:300px;}
.ht-right ul{ float:right}
.ht-right ul li{ float:right; padding-left:25px}
.ht-right ul li img{ vertical-align:-2px; padding-right:5px}
.ht-right ul li a{ color:#999999}
/**/
.up-search{ width:300px; float:right; position:relative; margin-top:5px}
.usearch{
		width: 150px;
		color: #888;
		height:30px; line-height:30px;
    	margin: 10px;
    	outline: none;
    	overflow:hidden;
    	border-radius: 18px;
    	background: #103962;
    	border: 1px solid #ddd;
    	-moz-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1);
    	-webkit-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1);
    	box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1);
    	-webkit-transition: all .3s;
    	-moz-transition: all .3s;
    	-o-transition: all .3s;
		float: right; padding-left:15px;
    }
.usearch:focus{width: 260px;}
.searchbtn{ position:absolute; right:20px; top:18px; cursor:pointer;  background:url(../images/header/searchtag.png) no-repeat; height:15px; width:18px;}
.i-go-back .login-btn-span{color:#666666}
.i-go-back .login-btn-span a{ color:#666666; padding:0px 5px}
.i-go-back .login-btn-span a:hover{color:#103962}
/*---------------------------------------
login.html
*/
.w330{ width: 330px}
.w295{ width: 295px}
.login-left{ width: 695px; padding: 50px;}
.login-left .login-tit{ color: #6c7175; font-size:18px; padding-bottom: 15px; font-weight: 500}
.login-form .form-box{ margin-top: 20px;}
.login-form .form-box .btn{ width: 330px; border: 1px solid #d2d3d6}
.login-form .password-do{width: 330px;  overflow:hidden}
.login-form .password-do .ch-box{ vertical-align: -2px; margin-right: 5px}
.login-form .password-do a{ color: #1895d2}
.login-form .password-do a:hover{ color: #1386be}
.login-right{ width:300px;border-left:1px solid #dddddd; height:550px; padding:30px; overflow:hidden}
.login-right-tit{ padding-top: 30px; font-size:14px; color: #787d82}
.reg-type{ padding-top: 15px;text-align: center;line-height: 35px;}
.reg-phone{ border: 1px solid #1895d2;  height:33px; padding-left:20px;padding-right:20px;  }
.reg-phone a{display:block; color: #1895d2}
.reg-email{ width:90px; height: 35px;  background-color: #dddddd; margin-left: 10px}
.login-partner{width:220px; float:left; padding-top: 20px}
.login-partner li{ border: 1px solid #dddddd; line-height: 34px; margin-bottom: 10px}
.login-partner li a{ display:block; text-align: center;}
.login-partner li img{ vertical-align: -8px; padding-right: 8px}

/*---------------------------------------
register.html
*/
.hide{ display:none}
.tab-title{border-bottom:1px solid #dddddd; width:100%; overflow:hidden}
.tab-title ul li{ float:left; padding: 10px 40px; font-size:14px; cursor: pointer}
.tab-title ul li.current{ color:#4199d4; border-bottom:1px solid #1c568f;}
.input-tag .mobile-i{font-size:22px; margin-top:10px}
.get-num{ width: 120px; float: left; margin-left: 10px  }
.get-num-btn{background-color: #0fa6ea; color:#fff;padding: 10px 14px;width: 120px;}
.get-dyword{width: 330px; padding-top:10px;  overflow:hidden}
.get-dyword .input-tag{width:135px; float:left}
.get-dyword .get-dybtn{ width:175px; background-color:  #0fa6ea; float:right;color:#fff; text-align:center;height:38px; font-size:  14px; /*font-family: '微软雅黑'*/}
.get-yzword {width: 330px; padding-top:10px; padding-bottom:15px;  overflow:hidden}
.get-yzword .input-tag{width:135px; float:left}
.get-yzword .input-tag input {padding-left: 10px !important;}
.yzm{ width:170px; float: right; height:38px}
.yzm img{ display: block; float:left; border:1px solid #ddd; }
.yzm span{ display: inline-block; float: left; color:#787d83; padding-left: 10px}

/*---------------------------------------
tips.html
*/
.min-h{ min-height: 600px}
.tips{ width: 1168px; height: 38px; line-height: 38px;  position: fixed; top:110px;}
.tip-error{ border:1px solid #e10706; background-color: #fffafa}
.tip-success{ border:1px solid #20cc20; background-color: #fafff9}
.tip-warn{ border:1px solid #ffa800	; background-color: #fffefa}
.tip-error span{ display: block; height:60px;  background:url(../images/error-tag.png) 10px 8px no-repeat; padding-left: 40px;}
.tip-success span{ display: block; height:60px; background:url(../images/success-tag.png) 10px 8px no-repeat; padding-left: 40px;}
.tip-warn span{ display: block;height:60px; background:url(../images/warn-tag.png) 10px 8px no-repeat; padding-left: 40px;}
.botline-green{ border-bottom:1px solid #20cc20; padding-top:50px; overflow: hidden}
.botline-green .tips-type{ width: 860px; margin: 0 auto;height:60px;background:url(../images/bsuccess-tag.png) 10px 8px no-repeat; padding-left: 50px; line-height:45px }
.return-time{ width:860px; margin:0 auto; border-bottom:1px solid #dddddd; color:#797c83; line-height:55px;}
.link-page{width:860px; margin:0 auto; margin-top:30px} 
.link-page a.go-page{ display:inline-block; padding: 0px 20px; height:38px; line-height: 38px; float:left; border:1px solid #1895d2; color:#1895d2}
.link-page a.go-index{display:inline-block; padding: 0px 20px; height:40px; line-height: 40px;float:left;margin-left:15px;background-color: #dddddd; color:#1895d2}

/*---------------------------------------
footer
*/
.footer{margin-top:35px; width:100%; background-color: #191b1c;  /*font-family: "微软雅黑";*/ color:#74787d; font-size:14px; padding-bottom: 45px; }
.footer .footerline{ border-bottom: 1px solid #262829;width:100%; height:1px; margin-top:30px; margin-bottom:10px;}
.footer-top{width:100%; padding-top:60px;margin-bottom: 15px;
padding-bottom:10px;}
.footer-top ul{ width: 800px; float:left; }
.footer-top ul li{ float:left; padding-right: 12px; line-height: 28px}
.footer-top ul li a{color:#74787d;}
.footer-top ul li a:hover{color:#ffffff;}
.footer-top .app-href{ width: 200px; float:right; text-align: right;}
.footer-top .app-href a{ background-color: #787d82; width: 22px; height: 22px; display: inline-block; text-align: center; padding: 4px; border-radius: 50%; margin-left: 5px; position:relative }
.footer-top .app-href .foottag{ vertical-align: 5px; width: 22px; height: 22px; }

/*
.footer-top .web-href{ width: 120px; float:right; text-align: right;}
.footer-top .web-href a{ display:inline-block;  margin-left:10px; width:40px; height:40px;  background:url(../images/icons40x40.png) no-repeat; float:right; position:relative}
.footer-top .web-href .wx{ background-position:0px -80px;}
.footer-top .web-href .wx:hover{ background-position:-40px -80px;}
.footer-top .web-href .wb{ background-position:0px 0px;}
.footer-top .web-href .wb:hover{ background-position:-40px 0px;}*/
.footer-top .app-href .ewmxf{ display:none; position:absolute; z-index:200; right:-30px; bottom:40px; height:140px; width:140px;}
.footer-top .app-href .wb:hover img.ewmxf{ display:block}
.footer-top .app-href .wx:hover img.ewmxf{ display:block}

/*---------------------------------------
form
*/
.form-box {margin-bottom: 15px; }
.form-item{display:block;width:100%; padding:8px 10px;box-sizing: border-box;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #d2d3d6; }
.form-item:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}
.input-tag {position: relative;}
.input-tag input {padding-left: 33px !important;}
.input-tag i {color: #ccc;display: block;position: absolute;margin: 13px 2px 4px 10px;width: 16px;height: 16px;font-size: 16px;text-align: center;}
.form-label{ display:block;padding-right: 5px; overflow:hidden; color:#131718;/*font-family:"微软雅黑";*/ font-size:14px; line-height:38px; width:75px; padding-bottom:5px;  float: left; text-align: right;} 
.form-input{ float: left; }
.help-block{ margin-top:5px;margin-bottom:5px;display:block;color:#b94a48;}
.btn{border-width: 0;box-sizing: border-box;padding: 10px 14px;cursor:pointer; /*font-family:"微软雅黑";*/ 	font-size: 14px;  outline: none !important;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;text-shadow: none;
}
.blue{ background-color: #1c568f; color:#fff;  }
.form-item[disabled]{ background-color: #f2f0f0;}
/*---------------------------------------
login-pop
*/
.theme-popover-mask{display: none; z-index:9999;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}
.theme-popover{display:none;z-index:10000;position:absolute;top:35%;left:50%;width:400px;height:auto; overflow:hidden; padding-bottom:25px;margin:-130px 0 0 -200px;background-color:#fff;background:#fff;}
.theme-poptit{position:relative;}
.theme-poptit .close{float:right;color:#dddddd; position: absolute; top:10px; font-size:30px; right:20px}
.theme-poptit .close:hover{color:#444;}
.theme-popbod{color:#444;}
.pop-main{ width: 350px; margin: 0 auto; margin-top: 10px}
.pop-tab{ border-bottom: 1px solid #ddd; overflow:hidden}
.pop-tab ul li{ float:left; padding:10px 40px } 
.pop-tab ul li.current{ color:#0fa6eb; border-bottom:1px solid #0fa6eb;}
/*.pop-form .form-box .btn{ width: 315px; border: 1px solid #d2d3d6}
.pop-form{ width: 280px; margin-left:15px; padding-top: 20px}
.pop-form .password-do{width: 315px; padding-bottom:15px;  overflow:hidden}
.pop-form .password-do .ch-box{ vertical-align: -2px; margin-right: 5px}
.pop-form .password-do a{ color: #1895d2}
.pop-form .password-do a:hover{ color: #1386be}*/
.other-login{ width: 310px; padding-top: 15px;}
.other-login-ul{ width:210px; float:right}
.other-login-ul li{ float:right; padding-left:15px }
.other-login-ul li span{ display:inline-block; background-color: #ddd; width: 25px; height: 25px; line-height:27px; border-radius: 25px; text-align:center; margin-right: 3px }
.other-login-ul li a{ color:#a5a5a5}
.other-login-ul li a:hover{color:#1895d2}
.other-login-ul li a:hover span{  background-color: #1895d2;}
.pop-reg-tab { width: 350px; padding-left: 0px; float:left}
.pop-reg-tab li{ float:left; width: 50%; background-color: #fafafa; color:#131718; height: 30px; line-height: 30px; text-align: center}
.pop-reg-tab li.cur{ background-color: #eeeeee; color:#0fa6ea}
.pop-reg{margin:0;padding:0;width:350px;display:none;}
.pop-reg-show .on{display:block;}

/*---------------------------------------
personalData.html
*/
.layout220{ width: 220px;}
.layout930{ width: 940px;}
.w320{ width: 320px;;}
.w560{ width: 560px;}

.personal-profile{ width: 190px; margin: 0 auto; padding-top: 15px;}
.personal-profile .personal-show img{ display: block; float: left; border-radius: 60px; height: 60px; width: 60px; border:2px solid #1c568f}
.personal-profile .personal-show .personal-name{width:110px; float: left; padding-left: 15px; padding-top: 10px;}
.personal-profile .personal-show .personal-name span.name{ display: block; color: #191b1c; font-size: 14px; font-weight: 600;}
.personal-profile .personal-show .personal-name span.job{display: block; color: #989898; font-size: 12px;}
.personal-profile .personal-sign{ padding-top: 10px; text-indent:2em;color: #787d82; line-height: 24px; font-size: 12px;}
.personal-menu{ padding-top: 20px;}
.personal-menu li{ height: 40px; line-height: 40px; border-top: 1px solid #efeeee;border-left:1px solid #ffffff} 
.personal-menu li a{ display: block; color: #131718; padding-left: 15px;}
.personal-menu li.act{ border-left:1px solid #1895d2; background-color:#e1eaf4}
.personal-menu li.act a{ font-weight: 600; }
.personal-menu li:hover{border-left:1px solid #1895d2}
.personal-base-tab{ margin: 0 10px; overflow: hidden;}
.personal-form{ margin-top: 45px;}
.up-link{ padding-left: 10px; padding-top: 7px;;}
.up-link a{ color: #1895d2;}
.form-warn{ display: block;height:38px; background:url(../images/warn-tag.png) 5px 0px no-repeat; padding-left: 30px;}
.tab-main .personal-form textarea.form-item{ width: 560px; margin-top:0px; margin-left: 0px; margin-bottom: 0px; ;}

.personal-pop-tit{ border-bottom:1px solid #dddddd; padding: 25px 0px 5px 0px; margin-left: 15px; margin-right: 15px; font-size: 16px; /*font-family: "微软雅黑";*/ color: #131718;}
.personal-pop-tit .close{ float: right; right:-2px}
.pop-bind-txt{ color: #787d82; line-height: 24px; font-size: 14px; padding-top: 20px;} 
.pop-footer{ border-top:1px solid #dddddd;}
/*---------------------------------------
accountBind.html
*/
.account-tit{ border-bottom:1px solid #ddd; color: #131718; margin: 0px 15px; padding-top: 25px; padding-bottom: 10px;;}
.account-tit span{ padding-left: 20px; }
.bind-state1 span{ display: block; height:20px;  background:url(../images/success-tag.png) 0px 0px no-repeat; padding-left: 25px;}
.bind-state2 span{ display: block; height:20px;  background:url(../images/clear.png) 0px 0px no-repeat; padding-left: 25px;}
.bind-state3 span{ display: block; height:20px;  background:url(../images/bind.png) 0px 0px no-repeat; padding-left: 25px;}

.abind-list{ margin: 40px 45px;}
.abind-list li{ border-bottom:1px solid #ddd ; padding:10px 0px; overflow: hidden;}
.abind-list li:last-child{ border: none;}
.bind-img{ width: 130px; color: #787d82;  }
.bind-img img{width:40px; height: 40px; display: block; float: left;}
.bind-img span{ display: block; float: left; padding-top: 10px; padding-left: 10px;}
.bind-info{ width: 200px; margin-top: 12px;}
.bind-info .bind-state{ width: 50%;}
.bind-do a{ color: #0fa6ea;}
.bind-do a:hover{ color: #0fa6ea;}

/*---------------------------------------
learningInfo.html
*/
.learn-info{background:url(../images/linebg1.jpg) left repeat-y; width: 915px; margin: 0 auto; margin-top: 20px; padding-bottom: 50px;;}
.learn-info .learn-box{overflow:visible;}
.learn-box .learn-time{ background:url(../images/tag1.jpg) left top no-repeat;font-size:14px; color:#999999; padding-left: 15px; line-height: 16px;} 







/*********************************************************************/
.dlh span.mess,.dlh span.head-pic{width: 35px;height: 35px;display: block;float: right;border-radius: 50%;background-color: #363c41;margin-left: 18px;margin-top: 10px;cursor: pointer;border: 2px solid #363c41;}
.dlh span.head-pic img{width: 100%;height: 100%;border-radius: 50%;display: block;}
.dlh span.mess{position: relative;background: url(../images/header/icon.png) no-repeat -22px -86px #363c41;background-size: 92px 116px;}
.dlh span.mess i{position: absolute;color: #fff;font-style: normal;font-size: 12px;background-color: #149cda;display: block;width: 22px;height: 14px;top: -6px;right: -5px;border-radius: 4px;line-height: 14px;text-align: center; -webkit-transform : scale(0.84,0.84) ; transform : scale(0.84,0.84) ;}
.dlh .dialog .dialog-cont{line-height: 20px;}


.dlh .dialog{width: 300px;background-color: #fff;/*position: absolute;top: 80px;z-index: 1001;*/right: 0;/*display:none;*/}


.dlh .dialog .top{height: 88px;background: #0fa6ea; color:#fff;}
.dlh .dialog .sj{width: 0;height: 0;position: absolute;top: 10px;right: 12px;border: 7px solid transparent;border-bottom-color: #0692d2;text-indent: -9999px}

.head-pic .dialogp{ position:relative; width: 300px;position: absolute;right: 0;z-index: 9999;padding-top:24px;top:36px;display: none;}
.head-pic:hover .dialogp{display: block;}
.dlh .dialog .top{
background: -moz-linear-gradient(-45deg, #0fa6ea 0%, #0fa6ea 43%,#0692d2 43%,#0692d2 100%); 
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0fa6ea), color-stop(42%,#0fa6ea), color-stop(43%,#0692d2), color-stop(100%,#0692d2)); 
background: -webkit-linear-gradient(-45deg, #0fa6ea 0%, #0fa6ea 50%,#0692d2 51%,#0692d2 100%); 
background: -o-linear-gradient(-45deg,  #0fa6ea 0%, #0fa6ea 50%,#0692d2 51%,#0692d2 100%); 
background: -ms-linear-gradient(-45deg,  #0fa6ea 0%, #0fa6ea 50%,#0692d2 51%,#0692d2 100%);
background: linear-gradient(127deg , #0fa6ea 0%, #0fa6ea 43%,#0692d2 43%,#0692d2 100%);
}
.head-pic>a>i{  position: absolute; color: #fff; font-style: normal; font-size: 12px; background-color: #ED1C24; display: block; top: 12px; border-radius: 2px; line-height: 14px; padding: 0px 2px; right: -5px; -webkit-transform : scale(0.84,0.84) ; transform : scale(0.84,0.84) ;}
.head-pic>a>i.renewal{ right:-29px; background-color: #AAA; }

.dlh .dialog .top img{width: 60px;height: 60px;display: block;float: left;margin-top: 14px;margin-left: 9px;border-radius: 50%;}
.user-mess{float: left;margin-left: 13px;margin-top: 24px;}.user-mess span{display: block;line-height: 20px;}
.user-mess .username-span{font-size: 14px;}
.user-mess .user-profession{font-size: 12px;}

.dialogtab{line-height: 28px;height: 40px;border-bottom: 1px solid #ddd;color: #787d82;text-align: center;margin-top: 10px;}
.dialogtab span{width: 149px;text-align: center;float: left;}
.dialog-cont .dialogtab a{color:#222; font-weight: 600;}
.dialog-cont .dialogtab a:hover{color:#555;}
.dialogtab span:first-child{border-right:1px solid #ddd;}
.tabcont li{border-bottom:1px solid #ddd;}

.tabcont .js,.tabcont .cont,.tabcont a{float: left;}
.dialog-cont .tabcont a{color: #0fa6ea;padding: 0 5px;}
.dialog-cont .tabcont a:hover{color:#0692d2 ;}
.cont h4{height: 35px;width: 200px; }
.tabcont .js{text-indent: -9999px;width: 16px;height: 16px;background: #787d82;position: relative;display: block;border-radius: 50%;margin: 14px 0 0 7px;}
.tabcont .js i{position: absolute;width: 0;height: 0;border: 4px solid transparent;border-left-color: #fff;border-left-width: 5px;top: 4px;left: 6px;}
.tabcont .cont{/*margin-top: 12px;*/margin-left: 10px;color: #787d82;padding-bottom: 12px;min-height: 51px; text-align: left;}
.tabcont a{float: right;margin-top: 11px;}

.tabcont .cont p, .tabcont .cont h4 a{ width: 200px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }

.setting{line-height: 36px; padding:0px 10px; }
.dialog-cont .tabcont .setting a{margin: 0;color:#000; font-size: 13px;}
.dialog-cont .tabcont .setting a:first-child{float: left;}

/*导航*/
/*
.header .nav{width: 100%;height: 40px;background: #000;position: absolute;z-index: 999;filter: alpha(opacity=75);opacity: 0.75;top: 65px;border-top: 2px solid #1a5da0;
  -webkit-box-shadow: 0 1px 3px #444;
  box-shadow: 0 1px 3px #444;
}
.nav ul{height: 40px;float: left;}
.nav ul li{float: left;height: 40px;line-height: 40px;margin-left: 55px;}
.nav ul li:first-child{margin-left: 4px;}
.nav ul li a{color:#6f7479;}
.nav ul li a:hover{color:#fff;}
.nav ul li a.active{ font-weight: 600; color: #fff;}
.nav span{color: #6f7479;float: right;margin:8px 4px 0 20px;cursor:pointer; font-size: 12px; line-height: 25px;}
.nav span i{background: url(../images/icon.png) no-repeat;background-size: 92px 116px;padding-left: 13px;background-position: -19px -20px;}
.nav span.load i{background-position: -42px -21px;}
.nav span.gload-vip i{background: url(../images/vip.png) no-repeat;background-size: 20px 20px;padding-left: 20px;background-position: 0px -2px;}
.nav span.gload-vip:hover{ color:#0fa6ea; }*/
/*首页*/

.banner{width: 100%;height: 360px;position: relative;}
.banner .bannerBox{width: 100%;height: 100%;background-color: #000; /*margin-top:20px*/}
.bannerBox a{display: none;width: 100%;height: 100%;position: absolute;background-repeat: no-repeat;background-position: center top; } 
.banner .bannerList{width: 100%;position: absolute;bottom: 12px;text-align: center;}
.bannerList li{display: inline-block;background: #fff;padding: 2px 17px;margin: 0 4px;}
.bannerList li.active{background-color: #149cda;}
.banner .btn{position: absolute;top: 50%;margin-top: -25px;padding: 0;}
.banner .btn{width: 30px;height: 50px;color: #fff;filter:alpha(opacity=80);opacity: 0.8;background-color: #000;cursor: pointer;background-image: url(../images/icon.png);background-repeat: no-repeat;text-indent: -9999px;display: none;}
.btnLeft{background-position: -50px -74px;}
.btnRight{background-position: -74px -78px;}
#btn-div{position: absolute;width: 1170px;left: 50%;margin-left: -585px;top: 50%;margin-top: -15px; }
.btnLeft{left: 0;}
.btnRight{right: 0;}

.content{background-color: #efeeee;}
.class-nav{height: 60px;margin-bottom: 5px;}
.class-nav-ul{height: 55px; }
.class-nav-ul .class-nav-li{float:left;width: 20%;text-align: center;height: 50px;line-height: 73px;font-size: 16px;background-color: #efeeee;}
.class-nav-ul .active a{color: #1c568f;}
.class-nav-ul .active a:hover{color: #1c568f;}
.class-nav .jdt{height: 2px;background-color: #d6d6d6;position: relative;}
.class-nav .jdt .hk{background-color: #1c568f;width: 178px;display: block;text-indent: -9999px;height: 2px;position: relative;}
.jdt .hk i{position: absolute;bottom: -11px;left: 83px;height: 0;width: 0;border-color: transparent;border-width: 6px;border-style: solid;border-top-color: #1c568f;}
.classTab .qh{display: none;}

.sildeboxwidth{width: 1200px;margin-left:-10px;}
.h620{ height:620px;}

/* 课程列表 */
.unitBox{width: 300px;height: 315px;float: left; }
.unitBox > div{width: 300px;height: 305px;float: left;}

.imgpor{height: 210px; width:280px;}
.imgpor img{height: 210px;width: 280px; margin:10px;}
.imgpor p{ background-color: rgba(0,0,0,.8); }
.imgpor p,.imgpor .bar{position: absolute;bottom: -10px;color:#fff;font-size:12px;text-align: right;width: 280px; margin-left:10px;height: 24px;line-height: 24px;text-indent: 5px;filter:alpha(opacity=80);opacity: 0.8;}
.imgpor .bar{height: 4px;width: 100%;padding-right: 0;}
.imgpor .bar div{background-color:#f7f7f7;height: 4px;}
.imgpor i{position: absolute;top: 10px;right: 10px;font-style: normal;color: #fff;font-size: 12px;display: block;height: 20px;text-align: center;display: none;z-index: 999; line-height: 22px; padding: 0px 5px;}
.imgpor i.mf{background: #787d82; color: #fff;}
.imgpor i.cx{background: #ffa800;display: block;}

/*图片左上角标志*/
.lookbg{ width:0px; height:0px;position: absolute;display: block; left:-10px; top: 17px; filter:alpha(opacity=25);opacity: 0.25;  transform:rotate(135deg); border-left:25px solid transparent; border-right:25px solid transparent; border-top:25px solid #129d46; width:30px; }
.looktype{position: absolute;display: block; left:17px; top: 17px; z-index:22;
	 transform:rotate(320deg); color: #fff ; font-size: 14px; font-family: "微软雅黑"；filter:alpha(opacity=25);opacity: 0.25; line-height: 24px;}
.unitBox:hover .imgpor .lookbg,.unitBox:hover .imgpor .looktype{filter:alpha(opacity=100);opacity: 1.0;}
.mb{position: absolute;top: 0px;bottom: 0;left: 0px;right: 0;background: #333;filter:alpha(opacity=65);opacity: 0.65;display: none;}
.radius{cursor: pointer;height: 52px;width: 52px;border-radius: 50%;background: #000;display: inline-block;position: absolute;top: 50%;left: 50%;margin-top: -26px;margin-left: -26px;}
.radius .sj{border-width: 20px 32px;border-style: solid;border-color: transparent;border-left-color: #ddd;position: absolute;left: 14px;top: 6px;}
.imgpor:hover .mb{display: block;width:280px; top:10px; height:210px;left:10px;}
.por:hover .close-btn{ display: block; }
.por .close-btn{ display: none; }
.close-btn{ color: white; z-index: 99999; background-color: rgba(0,0,0,.7); width: 20px; height: 20px; line-height: 20px ! important; border-radius: 50%; font-size: 16px; right: -9px; top: -10px; position: absolute; text-align: center; cursor: pointer; }

.imgpor i.mf{filter:alpha(opacity=0); -webkit-transform: translate3d(150px, 0, 0); transform: translate3d(150px, 0, 0); -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; display: block}
.unitBox:hover .imgpor i.mf{  display:block; filter:alpha(opacity=100);-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.unitBox .imgpor .cover-group{  position: relative; margin: 10px; height: 210px; width: 280px; overflow: hidden; display: block; margin-bottom: 0px;}
.unitBox .imgpor .cover-group>div.course-icon{ position: absolute; top: 11px; left: -28px; width: 100px; height: 25px; z-index: 9; color: #FFF; text-align: center; background: #ff3f35; line-height: 25px; font-weight: 600; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); }
.unitBox .imgpor .cover-group>div.free{ background: rgb(18, 157, 70) }
.unitBox .imgpor .cover-group>div.sale{ background: rgb(244, 144, 59) }
.unitBox .imgpor .cover-group>img{ z-index:5; position: absolute; z-index: 0; margin: 0;}
.unitBox:hover{ box-shadow: rgb(195, 212, 229) 0px 0px 10px; background: url('../images/index-course-bgx2.png'); background/*\**/:url('../images/index-course-bgx1.png'); background-size: 3px 3px; }
.unitBox .cover-group>i{ z-index: 9 }
.unitBox .cover-group>div.back{ opacity: 0; width:100%; height:100%; position: absolute; z-index: 7; background: rgba(0,0,0,0.5) }
.unitBox .cover-group .radius{cursor: pointer;height: 52px;width: 52px;border-radius: 50%;background: rgba(0,0,0,0.5);display: inline-block;position: absolute;top: 50%;left: 50%;margin-top: -26px;margin-left: -26px;}
.unitBox .cover-group .radius .sj{border-width: 16px 20px;border-style: solid;border-color: transparent;border-left-color: #fff;position: absolute;left: 20px;top: 9px;}
.cover-group:hover div.back{ opacity: 1; }
.cover-group:hover img{ -webkit-filter:blur(2px); }
.unit-content{  padding: 0px 0px 8px 0px; }
.switchline{border-bottom:1px solid #d2d2d2; padding-top:10px; height:1px; width:280px}

/*11.02改版  视频介绍弹出删除
.unit-content .hdp{display: none;text-indent: 2em;color: #787d82;font-size: 12px; padding-bottom:5px;padding-left:10px; background-color:#f7f7f7;


  -webkit-transition: height 2s;
  -o-transition: height 2s;
  transition: height 2s;
}*/
.unit-content h4{height: 30px; line-height:30px; }
.unit-content h4 a{  width: 210px; float: left; font-weight:600; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/* background-color:#f7f7f7; */ margin-left:2px; padding:0px 10px; color: #394a58 }
.unit-content h4 span{ width:35px; display: block; background-color: #2e67a0; color: #ffffff; border-radius: 3px; float: right; line-height: 20px; text-align: center; margin-right:10px; margin-top: 5px }
.unitBox-list .unit-content h4 a{ width: 100%; }
.unitBox-list .unit-content .hdp{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background-color:#f7f7f7;  }
.unit-list{height: 20px;color:#787d82;/* background-color:#f7f7f7; */ padding:0px 10px; /*width:260px;margin-left:2px;*/ }
.unitBox .unit-content{ padding:0px 10px 10px; }
.unitBox .unit-content>div{ padding:5px 0px 6px 0px; border: 1px solid #d7d7d7; border-top:none; }
.unitBox:hover .unit-content>div{ padding:5px 1px 7px 1px; border:none 0; }

/**
 * 添加动画效果
 */
.unitBox/*,.unitBox .cover-group>div*/{-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.borbot{ border-bottom:1px solid #c9c8c8; padding-bottom:10px; overflow:hidden}
.unit-list i{display: block;height: 20px;width: 16px;background:url(../images/icon.png) no-repeat ;background-size: 92px 116px ;background-position: 0px 3px;float: left;text-indent: -9999px;}
.unit-list span{float: left;height: 20px;}
.unit-list.jg i{background:url(../images/redionx2.png) no-repeat; background/*\**/:url(../images/redionx1.png) no-repeat\9; background-size: 13px; margin-top: 3px;}
.unit-list.dj i{background-position: -46px 3px;}
.unit-list.sj i{background-position: 1px 3px;}
/*.unit-list.sj{  text-align: left; padding-left: 10px}*/
.unit-list.jg{color:#e4393c; font-weight: 600;background-color: none; height: 23px;}
.unit-list .fr{float: right;/*margin-right: -15px*/}
.unit-list .fr.gxz{color:#1c568f; }
.unit-list.dj{display: block;}
.unit-content .hdp.active{height:auto;}

/*课程列表END*/

.rjsq{line-height: 22px;height: 22px;}
.software .software-cont{border-top:0;}
.software .software-box{width: 218px;float: left;border:1px solid #ddd;border-top:1px solid #ddd;height: 251px;background-color: #fff; margin-right:20px; margin-top:20px}
.software .software-box *{display:block;line-height: 30px;text-align: center;}
.software-box .software-img{border-radius: 50%;margin: 30px 0 10px 71.5px;border:1px solid #ddd;
-webkit-transition: all .7s;
-o-transition: all .7s;
transition: all .7s;
}
.software-box .software-name{font-size: 16px;}
.software-box .software-class{color: #1c568f;}
.software-box .software-a{width: 118px;height: 33px;border: 1px solid #1c568f;color:#1c568f;margin-left: 50px;margin-top: 17px;line-height: 34px;}
.software-box .software-a:hover ,.software-box .software-all{color:#fff;background-color: #1c568f;}
.software-box .software-all{width: 118px;height: 33px;margin-left: 58px;margin-top: 116px;line-height: 34px;}
.software-box .software-img:hover{
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.warp-mtb .unitBox > div{/* border-left:1px solid #FFF; border-top: 1px solid #FFF; border-right: 1px solid #FFF;*/ }

#b2{width: 1170px;height: 130px; margin-top:20px}

#b3{height: 92px;margin-top:20px;overflow: hidden;}
#b3 .banner-item{left: 0;}
#b3 ul{height: 92px;float: left;}
#b3 ul li{height: 92px;width: 135px;float: left;border-left: 0;}
#b3 .btn{position: absolute;top: 50%;margin-top: -25px;display: none;}
.banner-item a{display: block;width: 100%;height: 100%;border:1px solid #ddd;}
.banner-item a:first-child{;border-left:1px solid #ddd;}
.banner-item a img{display: block;width: 100%;height: 100%;}

.company {margin-bottom: 35px;}


/*列表页列表页列表页列表页列表页列表页*/
/*列表页列表页列表页列表页列表页列表页*/
/*列表页列表页列表页列表页列表页列表页*/
.arrangement {margin-top: 10px;height: 50px;line-height: 50px;color:#787d82;}
.arrangement a{color:#787d82;}
.arrangement a:last-child{ color:#000; }

.listNav .list-div{line-height: 35px;border-bottom:1px solid #ddd;border-top:0;padding: 10px 22px;color:#787d82;background-color: #fff;}
.listNav .list-div strong{margin-right: 25px;}
.listNav .list-div:first-child{border-top:1px solid #ddd;}
.list-div div{float: right; width: 1010px;}
.list-div a{padding:1px 3px;}

.list-div div a{margin-right: 30px;display: block;float: left;height: 20px;line-height: 21px;margin-top: 6px;}

.list-div a.active{background:#1c568f;color:#fff;}
.listNav-tab{height: 40px;line-height: 40px;padding-left: 22px;background-color:#edf4fb;margin-bottom: 20px; border-bottom:1px solid #d6d6d6}
.listNav-tab a{margin-right: 35px;color:#787d82;}
.listNav-tab a.active{margin-right: 35px;color:#1c568f;}

.listNav-tab span{float: right;display: block;height: 40px;width: 40px;line-height: 40px;text-align: center;color:#787d82;}

.listNav-tab span.active{font-size:15px;/*background-color:#fff;*/color:#14191E;}

.class-list{padding-bottom: 35px;}
.unitBox-list{width: 100%;height: 130px;padding: 17px 0;background: none;border-left: 0;border-top: 0;margin: 0;border-bottom: 1px solid #ddd;}
.unitBox-list > div{border:0;}
.unitBox-list:first-child{border-top:1px solid #ddd;}
.unitBox-list .imgpor{float: left;width: 240px;height: 130px;}
.unitBox-list .imgpor img{width: 240px;height: 130px; }
.unitBox-list .unit-content{float: left;width: 910px;background: none;}
.unitBox-list .unit-content .hdp{display:block;text-indent:0;color:#787d82;margin-bottom: 5px;}
.unitBox-list h4{padding: 5px 0;}


.fy{height:48px;text-align: center; overflow:hidden; padding-top:20px}
.fy li{display: inline;line-height: 28px;border: 1px solid #ddd;color: #131718;padding: 4px 12px;background-color:#fff;cursor:pointer; }
.fy li.active{background-color: #0fa6ea;color:#fff;}
.fy li.old{color:#d2d3d6;}

/*课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介*/
/*课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介*/
/*课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介课程简介*/
.kcjj-p{padding: 9px 20px; width: 900px;margin-bottom: 20px;color:#787d82;text-indent:2em;}
.tab_menu.fonts16 li{font-size:16px;}
.info-div h4{background-color:#f2f7fa;margin: 12px 0;line-height: 40px;}
.info-div h4 .mess-zhong{float: left;width: 820px;line-height: 20px;padding: 7px 0;}
.info-div h4 small{color:#787d82;}
.info-div h4 small span{ line-height: 25px; font-weight: 600; color: #000; font-size: 14px; padding-right: 10px; }
.info-div h4 a{float: right;font-size: 24px;height: 26px;line-height: 33px;margin-right: 10px;color:#cecece;}
i.lq{font-style: normal;display: block;float: left;width: 15px;height: 15px;background: #0fa6ea;border-radius: 50%;color: #fff;line-height: 15px;font-size: 12px;margin: 12px;text-align: center;}
/*.info-div h4 a.add{font-size: 30px;}*/
.info-ul{display:none;}
.info-li{height: 16px;margin:20px 10px;}
.info-li .sj{display: block;width: 0;height: 0;border: 5px solid transparent;border-left-color: #0fa6ea;text-indent: -9999px;position: absolute;margin-top: 5px;margin-left: 30px;}
.info-li .sj.h{border-left-color:#999;}
.info-li span{margin-left: 45px;}
.info-li i.lq{margin: 0;float: right;margin-right: 25px;background: #fff;border: 1px solid #0fa6ea;overflow:hidden;}

.info-li i.lq .max{display: block;width: 100%;height: 100%;background: #0fa6ea;float: left;margin: 0;}
.info-li i.lq .yb{height: 50%;}

.course-list .info-li{ cursor: pointer; }
.course-list .info-li.disabled{ color:#EEE; }

.study-mess{background-color: #fff;margin: 0;width: 190px;padding: 15px;margin-bottom: 20px;}

.study-mess p{font-size:12px;color:#787d82;line-height: 18px;}
.study-mess h4{padding-bottom: 11px;border-bottom: 1px solid #ddd;margin-bottom: 11px;}
.study-mess i{ text-align: right;float: right; margin-top: 5px; color: #999;}

.study-mess .personal-show img{width: 40px;height: 40px;}
.study-mess:first-child .personal-show img{width: 60px;height: 60px;}
.study-mess:first-child .personal-show .personal-name{width: 110px;float: left;padding-left: 15px;padding-top: 10px;}
.study-mess .personal-show .personal-name {width: 115px;float: left;padding-left: 10px;padding-top: 0px;}
.study-mess .personal-show .mb10{margin-bottom: 10px;}

.course-nav { height: 160px; margin-bottom: 20px;;}
.course-nav .course-pic{ width:300px; float: left;height: 160px;}
.course-nav .course-pic img{width: 300px;height: 160px;}
.course-nav .course-word{ width: 245px; float: left;height: 160px;}
.course-nav .course-word .course-ul{ margin:0px 15px; padding-top: 5px;} 
.course-nav .course-word .course-ul li{ color: #fff; line-height: 50px;}
.course-nav .course-word .course-ul li a{ color: #ffffff;}
.course-nav .course-word .course-ul li:last-child{ border:none}
.bc-grey{ background-color: #2c2d30; }
.bc-black{ background-color: #191b1c;}
.bc-blue{ background-color: #0fa6ea;}
.b-line1 li{ border-bottom: 1px solid #191b1c;}
.b-line2 li{ border-bottom: 1px solid #2c2d30;}
.course-nav .course-attention{ width: 155px;height: 160px; text-align: center;}
.course-nav .course-begin{ width: 235px;height: 160px;}
.course-nav .course-begin a{ display: block;width: 225px;height: 160px; line-height: 160px; color: #fff; font-size: 18px;; text-align: center; }
.course-nav .course-begin a:hover{ background-color: #0d9edf;}
.to-attent i {background: rgba(0, 0, 0, 0) url("../images/heart-icon.png") no-repeat scroll 0 0; background-size: 36px 172px; margin-top: 50px;color: #909b9e;display: inline-block;height: 32px;text-align: center;width: 36px;}
.to-attent em {color: #909b9e;display: block;line-height: 1em;}
.to-attent:hover i {background-position: 0 -44px;}
.to-attent:hover em {color: #fff;}
.remove-attent i { background-position: 0 -88px;}
.remove-attent:hover i { background-position: 0 -130px;}
.course-ul li i{background: url(../images/icon.png) no-repeat;width: 16px;height: 16px;background-size: 92px 116px;border-radius: 16px; margin-right: 8px; display: inline-block; vertical-align: -3px; }
.course-ul li.course-a i{background-position: -15px 0px;}
.course-ul li.course-b i{background-position: 1px 0px;}
.course-ul li.course-c i{background-position: -46px 0px;}
.course-ul li.course-d i{u-position: -61px 0px;}
.course-ul li.course-e i{background-position: -30px 0px;}
.course-ul li.course-f i{background-position: -77px 0px;}


/*视频播放视频播放视频播放视频播放视频播放视频播放视频播放视频播放视频播放视频播放*/
/*视频播放视频播放视频播放视频播放视频播放视频播放视频播放视频播放视频播放视频播放*/
/*视频播放视频播放视频播放视频播放视频播放视频播放视频播放视频播放视频播放视频播放*/
.tab-main textarea.form-item{width: 866px; margin: 20px 8px;padding: 5px;}
.tj{margin-bottom: 20px;}
.tj span{right: 20px;bottom: 50px;color:#bcbfc0;}


.comment-li{border-bottom:1px solid #eee;padding: 5px 0;font-size:12px;}
.comment-li:first-child{border-top:1px solid #eee;}
.comment-li img{width: 40px;height: 40px;float: left;border-radius: 50%;margin: 10px;}
.comment-li p{color:#131718;margin-bottom: 10px;}
.comment-div{margin-left: 65px;padding: 10px 0;}
.comment-div .icon{color:#787d82;}
.comment-div .icon i {padding-right:5px;cursor:pointer;}
.video-box{height: 670px;margin-bottom: 20px;overflow: hidden;}
.video-box .mb{display:block;background-color:#131718;filter: alpha(opacity=100);opacity: 1;}
.video-box .mb .radius{background-color: #737677;width: 70px;height: 70px;margin-top: -35px;margin-left: -35px;}
.video-box .mb .radius .sj{border-left-color: #131718;left: 24px;top: 15px;}
.video-list-div{z-index:99;width: 368px;height: 630px;right: -347px;background-color:#4d4d4d;}
.video-list-div > h4{height: 42px;margin-left: 20px;color:#fff;font-size:14px;line-height: 42px;padding-left: 17px;}
.video-list-div .video-pull{width: 18px;height: 100%;background:#636363;border-left:2px solid #595a5a;float: left;}
.scrollbar{width: 285px;height: 577px;margin-left: 20px;position: relative;overflow: hidden; padding-left: 17px;padding-right: 25px;font-size:12px;color:#aaa;}

.scrollbar ul{list-style: inherit;}
.scrollbar ul li{margin-left: 36px;margin-bottom: 5px;cursor:pointer;}
.scrollbar ul li.active{color:#13a5e8;}
.video-pull{cursor:pointer;}
.video-pull .sj{width: 0;height: 0;display: block;border: 11px solid transparent;border-right: 7px solid #a7abad;position: absolute;margin-top: -11px;top: 50%;left: -9px;}
.video-pull .sj:before,.video-pull .sj:after{content:' ';position: absolute;height: 22px;width: 2px;background: #a7abad;left: 10px;top: -11px;}

.video-pull i.show{border: 11px solid transparent;border-left: 7px solid #a7abad;border-right-color:transparent;left:7px;}

.video-pull i.show:before,.video-pull i.show:after{left: -12px;}


#myclass .w900{margin: 9px;}
#myclass .unitBox{margin-right: 0px;}


/*滚动条滚动条滚动条滚动条滚动条滚动条滚动条滚动条滚动条滚动条滚动条滚动条滚动条*/
.ps-container .ps-scrollbar-x-rail {position: absolute; /* please don't change 'position' */bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */height: 8px;display: none;}
.ps-container .ps-scrollbar-y-rail {position: absolute; /* please don't change 'position' */right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */width: 8px;background-color: #191c1d;}
.ps-container .ps-scrollbar-x {position: absolute; /* please don't change 'position' */bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */height: 8px;background-color: #aaa;}
.ps-container.ie6 .ps-scrollbar-x {font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */}
.ps-container .ps-scrollbar-y {position: absolute; /* please don't change 'position' */right: 0; /* there must be 'right' for ps-scrollbar-y */width: 8px;background-color: #aaa;}
.ps-container.ie6 .ps-scrollbar-y {font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */}
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {background-color: #999;}
.ps-container.ie .ps-scrollbar-x,.ps-container.ie .ps-scrollbar-y {visibility: hidden;}
.ps-container.ie:hover .ps-scrollbar-x,.ps-container.ie:hover .ps-scrollbar-y,.ps-container.ie.hover .ps-scrollbar-x,.ps-container.ie.hover .ps-scrollbar-y {visibility: visible;}


/* 成为讲师css */
.textarea-box{ width: 800px;}
.teacher-box>.form-title{ width: 85px; float: left; text-align: right; line-height: 33px; margin-right: 10px; }
.teacher-box>.form-title i { color: red; padding-right: 5px;}
.teacher-box>.group-input{ float: left; }
.textarea-box textarea{ width: 450px; border: 1px solid #ddd;margin:0; padding: 5px; height: 100px; font-size:14px }
.teacher-box>.fl, .teacher-box>.blue{ margin-left:95px;}



/*消息通知*/
.notice>div{padding: 0 20px 40px;}
.notice-head{height: 56px;line-height: 56px;border-bottom:1px solid #ddd; }
.notice-head strong{font-size: 16px;font-weight: bold;padding-right: 20px;}
.notice-head .fbtn{border:1px solid #ddd; padding: 2px 15px; background: #EFEFEF;}
.notice-head .fbtn:hover{background: #fff; color:#0fa6ea;}
.notice-content .notice-box h4{border-bottom:1px solid #ddd;height: 50px;line-height: 70px;}
.notice-box li{padding: 8px 0;border-top:1px dashed #ddd;}
.notice-box li:first-child{border:0;}
.notice-box li div{padding: 7px 30px; position: relative;}
.notice-box li.active div{background-color: #faf2de;}
.notice-box li.active div:before{content: "1";position: absolute;left: 12px;top: 14px;width: 9px;height: 9px;background-color: #dda154;border-radius: 50%;text-indent: -9999px; }
.notice-box a{color:#0fa6ea;}

/* 友情链接 */
.about-link{ clear: both; width: 100%; }
.about-link .image-link{ width: 120px; height: 100px; overflow: hidden; border: 1px solid #EFEFEF; background-color: #FAFAFA; }
.about-link .image-link .img{ height: 70px; width: 114px; overflow: hidden; padding: 2px; background: #FFF; }
.about-link .image-link .text{ text-align: center; }
.about-link a:hover{ text-decoration: underline; }
.about-link>a{ color:#1895d2; display: block; float: left; margin-right: 40px; margin-bottom: 40px; }
.about-link .text-link{ width: 122px; text-align: center }

/* 意见建议 */
.suggest-group .case-1{ margin: 0px 20px 20px }
.suggest-group .case-1 .tab_menu li{ padding: 10px 20px; }
.w680{ width: 680px }
.suggest-group .tab-suggest textarea{ height: 240px; resize: none; }
.suggest-group .tab-cont{ padding:20px; }
.suggest-main{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #EEE }
.suggest-main .content{ background: none; margin-bottom: 10px; }
.suggest-main .time{ color:#ddd; }
.suggest-main .reply{ margin-top:10px; padding:10px; background: #fffbe5; color:#656e73; }
.suggest-main .reply span{ color:#ff9600; }

/* 没有记录提示信息 */
.nothing-info{ width: 100%; text-align: center; padding: 100px 0px; font-size: 18px; font-weight: normal; color: #AAA;}

.zhmm .form-box .input-tag .form-item{border-color: #1faceb;}
.zhmm .form-box .input-tag i{color:#1faceb; margin:10px 2px 4px 10px;}
.zhmm .input-tag i.fa-mobile{ font-size:28px;}
.zhmm .input-tag i.fa-envelope-o{ font-size:16px;}
.zhmm .form-box .input-tag input{color: #1faceb;text-align: left; }

.bz{width: 100%;height: 22px;padding: 0 10px;margin-top: 35px;margin-bottom: 50px;}
.bz i{position: relative;display: block;width: 22px;height: 22px;float: left;margin-left: 310px;border-radius: 50%;background-color: #ddd;text-align: center;font-style: normal;color: #131718;}
.bz i:first-child{margin-left: 0;}
.bz i:first-child:before{display: none;}
.bz i::before{content:" ";position: absolute;height: 3px;width: 250px;background-color: #ddd;right: 52px;top: 8px;}
.bz i.active{color:#fff;background-color: #1faceb;}
.bz-form-center{width: 320px;margin: 0 auto;margin-bottom: 30px;}
.bz-form-center .btn{width: 100%;}
.djs{float: right;margin-top: 5px;
margin-bottom: 5px;
color: #787d82;}
.fsyj{text-align: center;color:#787d82;padding-top:30px;padding-bottom: 10px; }
.bj-i{text-indent: -9999px;}
.bj-i:after{content: '\2713';position: absolute;right: 5px;text-indent: 0;}

/*模态框*/
.modal-group{ width: auto; position: fixed; left:50%; top:50%; margin-left: -200px; margin-top: -300px; z-index: 9999999; background: #FFF; border:1px solid rgb(184,184,184);border-radius: 3px; text-align: center; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); }
.modal-group .modal-title{ height: 38px; line-height: 38px; position: relative; background: rgb(233, 233, 233); border-top: 1px solid #FFF; border-bottom: 1px solid rgb(184,184,184) }
.modal-group .modal-title .title{ text-align: center; color:#000; font-weight: 600; font-size: 14px; }
.modal-group .modal-title .close{ position: absolute; font-size: 16px; top: 11px ; right: 30px; color:rgb(177,177,177); cursor: pointer; }
.modal-group .modal-content{ min-width: 400px; padding:50px 0px; font-size: 12px; color:#777; }
.modal-group .modal-footer{ height: 49px; line-height: 49px; position: relative; background: rgb(233, 233, 233); border-top: 1px solid #D7d7d7; }
.modal-group .modal-footer .modal-btn{ margin:0 3px; width: 88px; height: 28px; border:1px solid rgb(200,200,200);background: #FFF; font-size: 14px; line-height: 28px; border-radius: 3px; box-shadow: 0px 1px 0px #E0E0E0; font-weight: 200; }
.modal-group .modal-footer .modal-btn.modal-btn-submit{ background: rgb(59,133,206); border:1px solid rgb(45,111,193); color:#fff; }
.modal-group-bg{ background: #000000; opacity: 0.3; z-index:9999998;position: fixed;top:0;left:0; }

/*left模态框*/
.left-modal-group{ width: auto; position: fixed; top: 50px; z-index: 9999999; background: #FFF; border:1px solid rgb(184,184,184); border-radius: 3px; text-align: left; box-shadow: 0px 0px 3px rgba(0,0,0,0.3); padding: 0px 20px; }
.left-modal-group.success{ border-left: 5px solid #00AF3D }
.left-modal-group.error{ border-left: 5px solid #ED1C24 }
.left-modal-group.warning{ border-left: 5px solid #f1a417 }
.left-modal-group.info{ border-left: 5px solid dodgerblue }
.left-modal-group.left{ left: 20px; }
.left-modal-group.right{ right: 20px; }
.left-modal-group .left-modal-title{ height: 38px; line-height: 38px; }
.left-modal-group .left-modal-title .title{ color:#000; font-weight: 600; font-size: 14px; }
.left-modal-group .left-modal-close{ position: absolute; font-size: 16px; top: 11px ; right: 10px; color:rgb(177,177,177); cursor: pointer; }
.left-modal-group .left-modal-content{ min-width: 150px; padding:5px 0px; font-size: 12px; color:#777; }

/*弹窗提示中间*/
.alert-center{ margin:0px auto; position: fixed; top:35%; left:46%; height: 75px; margin-top: -32px; background: rgba(0,0,0,0.8); border-radius: 5px; color:#fff; padding:0 40px; line-height: 75px; text-align: center; font-size: 16px; z-index: 999999; font-weight: 100; }
.alert-center .alert-center-icon{ margin-right: 10px; font-size: 20px;  line-height: 77px; display: block; float: left; }
.loading{ padding:0 20px; }
.loading i{ margin: 0; line-height: 75px; }
.findpassword-a a{display: block;border: 1px solid #0fa6ea;width: 320px;height: 40px;line-height: 40px;color:#0fa6ea;}
.findpassword-a span{border-left: 1px solid #0fa6ea;display: block;height: 40px;margin-left:40px; float:left; padding-left:10px;}

/* 右侧小图标 */
.right-icon-group{ position: fixed; left:50%; margin-left: 595px; bottom: 50px; z-index: 99; }
.right-icon-group>div{ width: 40px; height: 40px; background: #DDD; margin-top: 1px; color:#191b1c; text-align: center; cursor: pointer; position: relative; overflow: hidden; }
.right-icon-group>div i{ width: 40px; height: 40px; position: absolute; top: 0; left:0; font-size: 30px; line-height: 40px; color:#888; }
.right-icon-group>div.right-suggest i{ font-size: 20px; }
.right-icon-group>div span{ width: 40px; height: 35px; position: absolute; left: 0; bottom:-40px; line-height: 16px; padding-top: 5px; background: #EEE; color:#0fa6ea; }
.right-icon-group>div i,.right-icon-group>div span{ -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 500ms; transition: transform 500ms;}
.right-icon-group>div:hover span, .right-icon-group>div:hover i{ -webkit-transform: translateY(-40px); transform: translateY(-40px); -webkit-transition: -webkit-transform 500ms; transition: transform 500ms; }

/* 弹幕按钮 */
.video-button-group{ width: 100%;height: 40px; z-index: 999;clear: both; background:#dcdcdc; position: absolute; bottom:0px; line-height: 40px; }
.video-button-group .video-barrage{ line-height: 40px; font-size: 12px; float:left; padding-left:20px; }
.video-button-group .video-barrage>div{ float:left; }
.video-button-group .video-barrage>.title{ font-size: 14px; color:#000; }
.video-button-group .video-barrage>.barrage-button>a{ margin:10px 10px 0px; display: block; width: 42px; height: 20px; background: url(../images/barrage-btn.png) no-repeat; background-size: 42px 42px;}
.video-button-group .video-barrage>.barrage-button>a.close{ background-position: 0px -22px; }
.video-button-group .video-barrage>.barrage-input>div{ float: left }
.video-button-group .video-barrage>.barrage-input input{ width: 208px; height: 26px; padding: 0 5px; border:1px solid #909b9e; background-color: #909b9e; color:#fff;
}
.video-button-group .video-barrage>.barrage-input input::-webkit-input-placeholder{ color:#d6e0e2;}
.video-button-group .video-barrage>.barrage-input input::-moz-placeholder { color:#d6e0e2; }
.video-button-group .video-barrage>.barrage-input input::-moz-placeholder { color:#d6e0e2; }
.video-button-group .video-barrage>.barrage-input input::-ms-input-placeholder { color:#d6e0e2; }
.video-button-group .video-barrage>.barrage-input input:focus{border-color:#66afe9;outline:0; background-color: #FFF; color:#000; border:1px solid #12a4e7;}
.video-button-group .video-barrage>.barrage-input a{ display: inline-block; background: #1c568f;width: 60px; height: 28px; text-align: center; line-height: 28px; margin-left: 2px; color:#FFF; }
.video-button-group .video-barrage>.barrage-input a.download{ display: inline-block; background: #1c568f;width: 120px; height: 28px; text-align: center; line-height: 28px; margin-left: 2px; color:#FFF; }
.video-button-group .video-barrage>.barrage-input a:hover{ color:#FFF; background:#0a9bdd; }
.video-button-group .video-share{ float: right; }
.video-button-group .video-share>div{ float: left; }
.video-button-group .video-share .share-line{ width: 1px; height: 18px; background: #b1bbbe; margin-top: 10px; }
.video-button-group .video-share .has-icon{ width:98px; text-align: center; cursor: pointer; }
/*
.video-button-group .video-share>.has-icon>i{ display: inline-block; width: 15px; height: 16px; background: url(../images/share-btn.png) no-repeat; background-size: 16px 84px; margin-right: 10px;vertical-align: -3px; }
.video-button-group .video-share>.ceil>i{ background-position: 0px -17px; }
.video-button-group .video-share>.ceil.active>i{ background-position: 0px 0px; }
.video-button-group .video-share>.floor>i{ background-position: 0px -51px; vertical-align: -5px; }
.video-button-group .video-share>.floor.active>i{ background-position: 0px -35px; }
.video-button-group .video-share>.share>i{ background-position: 0px -68px; }
*/
.video-button-group .video-share>.has-icon>i{ margin-right: 10px; color:#909b9e; }
.video-button-group .video-share>.active>i{ color:#12a4e7; }
.video-button-group .fav-loading{ color:#666; }
span.favour-active>i{ color:#12a4e7; }

/*弹幕设置*/
.video-button-group .barrage-setting{ position: relative; }
.video-button-group .barrage-setting a{ display: inline-block; background: #787d82;width: 60px; height: 28px; text-align: center; line-height: 28px; margin-left: 2px; margin-right:10px; color:#FFF; }
.video-button-group .barrage-setting a:hover{ background:#434343; }
.video-button-group .barrage-setting .setting-group{ position: absolute; left:2px; bottom: 40px; width: 310px; padding:10px; background-color: #434343; z-index:20; color:#FFF; display: none; }
.video-button-group .barrage-setting .setting-group .title{ font-size: 14px;line-height: 14px; }
.video-button-group .barrage-setting .setting-group .title span{ font-size: 12px; color:#BBB; margin-left: 20px; }
.video-button-group .barrage-setting .setting-group .setting-btn>div.left{ font-size: 12px; width: 35px; }
.video-button-group .barrage-setting .setting-group .setting-btn>div{ float:left; line-height: 30px; margin-top: 5px; }
.video-button-group .barrage-setting .setting-group .setting-font{ height: 30px; }
.video-button-group .barrage-setting .setting-group .setting-font .left{ margin-right: 20px; }
.video-button-group .barrage-setting .setting-group .setting-font li{ float: left; width: 45px; height: 22px; cursor: pointer;}
.video-button-group .barrage-setting .setting-group .setting-font li.active{ color:#12a4e7; }
.video-button-group .barrage-setting .setting-group .setting-color{ width: 100%; height: auto; overflow: hidden; }
.video-button-group .barrage-setting .setting-group .setting-color .left{ line-height: 20px; }
.video-button-group .barrage-setting .setting-group .setting-color .color-view{ width: 85px; position: relative; height: 45px; float: left; }
.video-button-group .barrage-setting .setting-group .setting-color .color-view input{ height: 15px; width: 55px; padding:3px; background-color: #C1C1C1; position: absolute; top: 0; left:0; }
.video-button-group .barrage-setting .setting-group .setting-color .color-view span{ width: 21px; height: 21px; display: block; background-color: #FFF; position: absolute; top:0; right: 0; }
.video-button-group .barrage-setting .setting-group .setting-color ul{ height: auto; float: right; margin-left: 15px; width: 170px; }
.video-button-group .barrage-setting .setting-group .setting-color li{ width: 21px; height: 21px; display: block; float: left; margin-right: 3px; margin-bottom: 3px; cursor: pointer; }
.video-button-group .barrage-setting .setting-group .setting-color li.active{ border: 2px solid #AAA; width: 17px; height: 17px; }

/*分享*/
.share-button-group-bg{ height: 100%;width: 100%; position: fixed; top:0; left:0; z-index: 999 }
.share-button-group{ position: absolute;z-index: 1000; top: 820px; left:50%; width: 270px; height: 100px; margin-left:300px; }
.share-button-group .up{ width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:6px solid #909b9e; position: absolute; top:0; right: 40px; }
.share-button-group .share-button{ border:1px solid #909b9e; border-top:3px solid #909b9e; border-radius: 3px; background: #FFF; height: 70px; width: 100%; bottom: 0;position: absolute; padding: 10px; }
.bdsharebuttonbox>div{ float: left; width: 60px; height: 70px; position: relative; margin: 10px 3px 0px; font-size: 12px; }
.bdsharebuttonbox>div a{ position: absolute; z-index: 1; width: 60px; height: 70px; top:-10px; left:0; opacity: 0; background: #FFF !important; }
.bdsharebuttonbox>div a:hover{opacity: 0; }
.bdsharebuttonbox>div:hover{ color:#12a4e7; }
.bdsharebuttonbox>div .button{ text-align: center; }
.bdsharebuttonbox>div i{ display: block; width: 35px; height: 35px; background: url(../images/share-icon.png) no-repeat; background-size: 35px 215px; margin-left: 12.5px; }
.bdsharebuttonbox>div.qzone i{ background-position-y:-36px; }
.bdsharebuttonbox>div.qq i{ background-position-y:-72px; }
.bdsharebuttonbox>div.weixin i{ background-position-y:-108px; }
.bdsharebuttonbox>div.pengyouquan i{ background-position-y:-144px; }
.bdsharebuttonbox>div.tieba i{ background-position-y:-180px; }

/*购买视频*/
.video-buy-group>div{ padding: 40px; color:#FFF; }
.video-buy-group>div .title{ color:#12a4e7; font-size: 24px; margin-bottom: 25px; }
.video-buy-group>div .buy-btn-group{ height: auto;overflow: hidden; }
.video-buy-group>div .buy-btn-group>div{ float: left; }
.video-buy-group>div .buy-btn-group>.left{ font-size: 12px; width:120px; height: 40px; color:#FFF; margin-right: 10px; position: relative; }
.video-buy-group>div .buy-btn-group>.left>.old{ color: #878787;text-decoration:line-through; position: absolute; top:0; }
.video-buy-group>div .buy-btn-group>.left>.now{  position: absolute; bottom:0; }
.video-buy-group>div  a.buy-btn{ width: 140px; height: 40px; text-align: center; line-height: 40px; background:#12a4e7; display: block; color:#FFF; }
.video-buy-group>div a.buy-btn:hover{ color:#FFF; background: #0997d8; }
.video-buy-group>div .title-2{ font-size: 16px; margin: 30px 0; }

/*讲师课程*/
.teacher-course{ background-color: #FFF; height: 150px;overflow: hidden;margin-bottom: 40px; }
.teacher-course>.img{ float: left; width: 100px; height: 100px; border-radius: 50px; overflow: hidden; margin: 25px }
.teacher-course>.content{ background-color: inherit; margin-top: 20px; padding-right: 20px; }
.teacher-course>.content span{ color:#666; }
.teacher-course>.content p{ margin-top: 10px; height: 44px; overflow: hidden; }

/*vip*/
i.global-vip{ color: #fff; font-style: normal; font-size: 12px; background-color: #ED1C24; display: inline-block;border-radius: 2px; line-height: 14px; padding: 0px 2px;-webkit-transform: scale(0.84,0.84); transform: scale(0.84,0.84); }

/*个人中心*/
.member-index{ padding:10px; }
.member-index>.title{ line-height: 25px; }
.member-index>.title>p>span{ color:#2f70b0; }
.member-index>.title>p>a.buy{ margin-left: 20px; display: inline-block; border:1px solid #2f70b0; border-radius: 1px; padding:0px 10px; background: #f3fafd; color:#2f70b0; }
.member-index>.title>p>a.buy:hover{ background:#0fa6ea; color:#FFF; }
.member-index>.member-column{ width: 100%; height: 65px; border-top: 1px solid #DDD; margin-top: 20px; padding-top: 20px; }
.member-index>.member-vip .vip-title{ color:#2f70b0; }
.member-index>.member-vip .vip-canvas{ background: #DDD; border-radius: 10px 10px 10px 10px; width: 100%; height: 10px; margin: 10px 0 5px; overflow: hidden; }
.member-index>.member-vip .vip-canvas .vip-progress{ height: 100%; background: #0fa6ea; background: -webkit-gradient(linear, left top, right top, from(#7ff8b0), to(#0fa6ea)); background: -webkit-linear-gradient(left, #0fa6ea, #7ff8b0); background: -moz-linear-gradient(left, #0fa6ea, #7ff8b0); background: -ms-linear-gradient(left, #0fa6ea, #7ff8b0); background: -o-linear-gradient(left, #0fa6ea, #7ff8b0); }
.member-index>.member-vip .vip-date{ color:#999; font-size: 12px; }
.member-index>.member-vip .vip-date .left{ float: left }
.member-index>.member-vip .vip-date .right{ float: right }
.member-index>.member-column>.member-icon{ float: left; padding:10px; margin-right: 10px; }
.member-index>.member-column>.member-icon>.fa{ font-size: 40px; color:#DDD; width: 40px; text-align: center; }
.member-index>.member-column>.member-icon.email>.fa{ font-size: 30px; color:#DDD; }
.member-index>.member-column>.member-icon>.fa.active{ color:#0fa6ea; }
.member-index>.member-column>.member-info{ float: left; padding: 5px; }
.member-index>.member-column>.member-info>p{color:#787d82;}
.member-index>.member-column>.member-info>p.title{ font-size: 16px; color: #14191e; }
.member-index>.member-column>.setting-button{ float: right; }
.member-index>.member-column>.setting-button>a{ width: 138px; height: 38px; text-align: center; line-height: 38px; border:1px solid #DDD; color:#131718; display: inline-block; margin-top: 10px; border-radius: 1px; }
.member-index>.member-column>.setting-button>a:hover{ border:1px solid #0fa6ea; color:#0fa6ea; }

/*支付页面样式*/
.pay-type{ width: 635px; margin: 0 auto;background: url("../images/pagbg.jpg") repeat-x; height: 35px;}
.pay-two{ float: left; margin-left: 220px;}
.pay-three{ float: right;}
.pay-three .txtshow{margin-right:-8px; text-align: right;}
.typeblue{ width: 39px; height: 35px;background: url("../images/bluetype.jpg") repeat-x;  text-align: center; line-height: 37px; color: #fff;  }
.typegrey{width: 39px; height: 35px;background: url("../images/greytype.jpg") repeat-x; text-align: center; line-height: 37px; color: #131718;  }
.typetrue{ width: 39px; height: 35px;background: url("../images/truetype.jpg") repeat-x;  text-align: center; line-height: 37px; color: #fff;  }
.pay-on,.pay-off{ width: 70px;}
.pay-on .txtshow{ margin-left: -5px; font-size: 14px; color: #0fa6ea;}
.pay-off .txtshow{ margin-left: -5px; font-size: 14px; color: #131718;}

.w1120{ width: 1130px; margin: 0 auto;;}
.paytit{  border-bottom: 1px solid #dddddd; color: #6c7175; font-size: 18px;padding:15px 0px 10px 0px ; overflow: hidden;}
.paymonth{ font-size: 16px; color: #6c7175; padding: 30px 0px; line-height: 28px;}
.paymonth .month{ color: #0fa6ea;}
.paymonth .fz14{ font-size: 14px;;}

.paytotal{ font-size: 20px; color: #0fa6ea; padding-top:25px ; padding-bottom:10px;}
.yestime{ color: #6c7175;}

.ordertit{ font-size: 16px; color: #6c7175; padding: 10px 0px;}
.payorder-tab{ width: 100%;}
.payorder-tab thead tr th{ background-color: #efeeee; ;}
.payorder-tab tbody tr td,.payorder-tab thead tr th{ color: #6c7175; padding: 0px 10px; height: 45px; line-height: 45px; border-bottom: 1px solid #efeeee; text-align: center;}


.orderbank{ width: 1130px;}
.orderbank li{ width: 145px; height: 50px; float: left; margin-right: 10px; position: relative;cursor:pointer;}
.orderbank li img{ width: 143px; height: 48px; border: 1px solid #e1e1e1;}
.orderbank li span{ display: none; width: 28px; height: 26px; position: absolute; bottom: 0px; right: 0px; z-index: 3;background: url("../images/payon.png") no-repeat;}
.orderbank li.on span{display: block;} 
.returnup a{ color: #6c7175; padding-right: 10px; }






#paytime-list{height:20px;position:relative;background:#e8e8e8;margin:60px auto;color:#bb8e28;font-size:12px;line-height:22px}
#paytime-list .monthbox{display:inline-block;width:80px;text-align:center;font-size:12px;border:1px solid #0fa6ea;background:#f5fcff;padding:2px 10px;color:#666;top:-60px;position:absolute; color: #0fa6ea;}
#paytime-list .monthbox img{width:10px;position:absolute;bottom:-8px;left:50%;margin-left:-8px}
#paytime-list .moveline{width:11px;height:22px;background: url("../images/moveline.jpg") no-repeat;position:absolute;z-index:100;top:-1px;cursor:pointer;left:0;}
#paytime-list ul li{width:80px;height:20px;line-height:20px;border-right:1px solid #bbbbbb;text-align:center;float:left}
#paytime-list ul li.last{width:75px;height:20px;border-right:0;text-align:center;float:left;cursor:pointer}
#paytime-list ul li img{ vertical-align: -1px; padding-right: 3px;}
.prosson{background:#0fa6ea; color: #fff;}
.prossoff{background:#e8e8e8;color: #6c7175;}



.align-tc{ text-align:center; }
.paybtn{ width:49%;}
.payform .pop-footer{border:none}
.paysubmit{ padding-top:20px; width:370px;}


/***************邀请页面样式09.02*********************/
.content-con-1,.content-con-2{ background:url(../images/contentbg.png); width:100%; text-align:center; padding-top:100px; padding-bottom:210px; }
.content-con-1 h3,.content-con-2 h3{ font-size:35px; font-weight:bold; color:#666; letter-spacing:2px; margin-bottom:50px; text-align:center; }
.content-con-1-btn{  width:398px; height:48px; background-color:#1c568f; font-size:17px; color:#FFF; margin-bottom:40px; text-align:center; line-height:50px; border:1px solid #d2d3d6;  }
.content-con-1 p{ text-align:center; margin-bottom:60px; }
.content-con-1 a{ color:#f60101; }
.content-con-1 span,.content-con-2 span{ font-size:12px; color:#c3c3c3; }
.content-con-2 input{ border:1px solid #ccc; width:388px; height:50px; margin:0 20px; font-size:17px; line-height:50px; padding-left:10px; color:#333; }
.content-con-2 form{ position:relative; left:21px; }
.content-con-2 label{ font-size:17px; }
.content-con-2-btn{  width:146px; height:50px; background-color:#1c568f; font-size:17px; color:#FFF; text-align:center; line-height:50px; border:1px solid #d2d3d6; }
.content-con-2 p{ width:380px; margin:30px auto 30px; color:#b9b9b9; background:url(../images/contentpbg.png) no-repeat left center; }
.content-con-2-img{ /*width:408px;*/width: 320px; margin:0 auto 50px;  }
.content-con-2 ul li{ float:left; margin:0 10px; width:82px; position:relative; overflow:hidden; }
.content-con-2 ul li img{ position:absolute; }
.content-con-2-img-1{ left:0; }
.content-con-2-img-2{ left:-102px; }
.content-con-2-img-3{ left:-204px; }
.content-con-2-img-4{ left:-306px; }
.content-con-2-img ul li span{ display:block; padding-top:90px; color:#666; font-size:14px; }

/*会员记录*/
.record{}
.recordinfo{ /*border-top:1px solid #dddddd;*/  color: #333333; font-size: 14px; padding: 20px 0px; overflow: hidden; margin-top: 20px  }
.rtable{ width: 100%;border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;}
.rtable thead tr td,tbody tr td{ border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8; padding: 15px; text-align: center} 
.rtable thead tr td{ text-align: center; color: #333333; font-weight: bold; background: #fafafa}
.rtable tbody tr td{color: #666666}
.rtable tbody tr td.tl{ text-align: left;}
.rtable tbody tr td .myindex-btn{ display: inline-block; padding: 5px 20px; border: 1px solid #fff; border-radius: 5px; background: #0E92CB; color: #fff; }
.rtable tbody tr td .myindex-btn:hover{ background: #41AAD8; }
.record-bz{ color: #666666; padding-top:10px; }
.record-bz a{ color: #2f70b0}
.recordtit{ font-size: 16px; color: #1c568f; padding-bottom:10px; }

/*404**/
.page404 { text-align: center}
.page404 img{ display: block; margin: 0 auto; padding-top:70px; padding-bottom:20px;  }

/*微信支付弹框*/
.qrcode{width:150px;height:150px; margin-left:80px;}

.ewmpay .ewmpayinfo{ text-align:center; color:#696969; font-size:14px; padding:15px 0px;}
.ewmpay .ewmpayinfo img{ padding-right:5px; vertical-align:-2px;}
.ewmpay .ewmpaymoney{ color:#ff7800; text-align:center; font-size:16px;}

/*新添回复样式*/
.first-sr{ resize: none; width: 870px; border: 1px solid #12a4e7; margin: 10px 0 0 10px; height: 130px; padding: 5px; font-size: 14px; line-height: 20px;}
.icon-div span{ padding-right:5px;}
.hf{ cursor:pointer; }
.hf:hover{ color:#12a4e7;}
.respond { position:relative;}
.respond textarea{ width:817px; border:1px solid #12a4e7; margin:10px 0; height: 80px; padding: 5px;}
.respond .poa{bottom:60px;}
.yzm_1{ padding-right:6px; cursor:pointer;}
.respond i.jt{ display:block; position:absolute; width:10px; height:10px; border-left:1px solid #12a4e7; border-top:1px solid #12a4e7; padding-right:0; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); background:#fff; z-index:10; top:5px; right:25px; cursor:text; }
.respond .yzm_1{ float:right; width:102px; height:38px; border-radius:0; margin:0;}
.yz{ width:128px; height:36px; border:1px solid #d2d3d6; margin-right:6px; font-size: 14px; padding-left: 5px;}
.pl{ background:#fcfcfc; border:1px solid #eee; padding: 0px 10px; margin-bottom:20px; position:relative;}
.pl li{ border-bottom:1px dashed #ccc; padding:10px 0px;}
.pl li:last-child{ border-bottom:none }
.pl p{ margin-bottom:0;}
.pl .jt2{position:absolute; width:10px; height:10px;display:block;border-left:1px solid #f1f1f1; border-top:1px solid #f1f1f1; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); background:#fcfcfc; z-index:10; top:-6px; left:15px; cursor:text;}
.zs{ color:#12a4e7; padding-left:5px; cursor:pointer;}
.pl textarea { width: 795px; }
.hf-peo{ color:#23518d;}
.comment-div i{ font-style:normal;}
.z{ width:43px; text-align:left; display:inline-block;}

/* 评论样式扩展 */
.replay .first-sr{ width: 889px;  }
.replay .respond textarea{ width: 836px; }
.replay .pl textarea{ width: 814px }
.replay textarea{ font-size: 14px; resize:none; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.replay textarea.default{ line-height: 120px; text-align: center; font-size: 24px; border: 1px solid #CCC; background-color: #EFEFEF;}
.replay .btn-group{ margin-right: 9px; }
.replay .btn{ height: 38px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.replay .btn.default{ background-color: #4983BB; color: #7BB8F2; }
.respond .yzm_1 img{ float:right; width:102px; height:38px; border-radius:0; margin:0; }
.respond textarea.default{ line-height: 20px; text-align: left; font-size: 14px; border: 1px solid #12a4e7; background-color: #FFF; }
.respond .btn-group{ margin-right: 7px; }
.replay b{ font-weight: 200 }

/*催要样式添加*/
.ad-get span{ display: block; width: 220px; height: 60px; line-height: 60px; text-align: center; margin-bottom: 20px; font-size: 18px;}
.ad-get i{ font-size: 12px; font-style: normal}
.ad-get span.off{background-color: #e1e1e1; color:#b0b0b0;   }
.ad-get span.on{background-color: #1f68af; color: #fff; cursor: pointer }
/*appdown样式*/
.pad10{padding-top:10px;padding-bottom:10px;display:block;}
.pad20{padding-top:20px;padding-bottom:20px;display:block;}
.pad30{padding-top:30px;padding-bottom:30px;display:block;}
.pad100{ padding-top:100px; padding-bottom:100px; }
.padl185{ padding-left:185px; }
.padr80{ padding-right:80px; }
.padr115{ padding-right:115px; }
.padt100{ padding-top:100px; }
.padt235{ padding-top:235px; }

.padt160{ padding-top:160px; }
.padt55{ padding-top:55px; }
/*mag*/
.mag10{margin-top:10px;margin-bottom:10px;display:block;}
.mag20{margin-top:20px;margin-bottom:20px;display:block;}
.mag30{margin-top:30px;margin-bottom:30px;display:block;}
.magb25{ margin-bottom:25px; }
.magb40{ margin-bottom:40px; }
.magb60{ margin-bottom:60px; }

.h915{ height:915px; }
.colblack{ color:#333; }

.tac{ text-align:center; }

/* bg */
.appedge{ background:#fff; }
.appedge img{ vertical-align:middle }
.graybg{ background:#fafafa; }
.bluebg{ background:url(../images/pcappdown/bluebg.jpg) no-repeat center top; }
.appbanner{ position:relative;height:800px; background:url(../images/pcappdown/bannerbg.jpg) no-repeat center top; }
.appbanner .appmove{ position:absolute; bottom:50px; left:0; right:0; margin:auto; width:70px; }
.appbanner .con{ padding-left:157px; padding-top:145px; }
.appbanner .appbanner_img{ padding-top:85px; padding-right:130px; } 
.appbanner h1{ font-size:80px; color:#fff; line-height:95px; font-weight:normal; }
.appbanner p{ font-size:26px; color:#fff; }
.appbanner .regqrcode{ margin-top:55px; width:390px; }
.appbanner .regqrcode .regqrcode-cho{ width:215px; }
/* appbanner end */

.appcontent-wait{ height:400px; padding-top:90px; }
.appcontent-practical{ height:700px; }
.appcontent-download{ padding-top: 106px; margin-bottom:-35px; height: 470px; }
.appcontent h1{ font-size:54px; color:#333; font-weight:normal; }
.appcontent p{ font-size:18px; color:#333; line-height:35px; }
.appcontent .con{ width:340px; }
.appcontent a{ color:#00aeff; }
.appcontent a:hover{ color:#0b5172; }
.appedge .btnact{ display: inline-block;}
.appedge .btnact .btnact_hover{ display:none; }
.appedge a.btnact:hover .btnact_hover{ display:inline-block; }
.appedge a.btnact:hover .btnact_sys{ display:none; }



/*线下课程*/
/*banner*/
.linecourse-banner{ height: 437px; background-color:#efeeee; margin-bottom: 34px;}
.linecourse-banner .bannerList li { display: inline-block;border: 2px solid #f2f3f7; background-color: transparent; width: 8px; height: 8px; border-radius: 50%;  -webkit-border-radius: 50%;  -moz-border-radius: 50%; padding: 0;  margin: 0 4px;
}
.linecourse-banner .bannerBox{ background-color:transparent;}
.linecourse-banner .bannerList li.active{ background-color: #f2f3f7;}
.linecourse-banner .bannerList{ bottom:43px;}
.linecourse-banner .bannerBox a { height: 400px;}
/*banner处导航*/
.linecourse-couOffered{ position:absolute; z-index:999; top:20px;}
.linecourse-couOffered li{border-bottom:1px solid #dfdfdf; padding-left:18px;}
.linecourse-couOffered li:last-child{ border-bottom:0; }
.linecourse-couOffered a{ color:#333;}
.linecourse-couOffered .first-level{ width:218px; font-size:16px; border:1px solid #dfdfdf; border-radius:4px; background-color:#f2f3f7; }
.linecourse-couOffered .couOffered-tit{ color:#0074c3;}
.linecourse-couOffered .couOffered-tit span{ position:relative; top:2px; left:-2px;}
.linecourse-couOffered .first-level>li{ border-left:3px solid transparent; position:relative; cursor: pointer; height:51px; line-height:51px; background:url(../images/linecourse/jt.jpg) no-repeat 188px center; }
.linecourse-couOffered .first-level>li.level-activ{ border-left:3px solid #0074c3; background:url(../images/linecourse/jt_active.jpg) no-repeat 188px center #eaf4ff; }
.linecourse-couOffered .first-level>li:first-child{ background: none;}
.linecourse-couOffered .first-level .level-activ .second-level{ position:absolute;  left:216px; top:-1px; width:198px; font-size:14px; border:1px solid #dfdfdf; border-left:0;}
.linecourse-couOffered .first-level .second-level{ display: none;}
.linecourse-couOffered .second-level li{ height:40px; line-height:40px; background-color:#f2f3f7; }
.linecourse-couOffered .second-level span{ display:inline-block; width:2px; height:2px; background-color:#333; position:relative; top:-3px; margin-right:4px;}
/*内容块修改*/
.linecourse-content .linecourse-content-li{ margin-top: 30px; overflow: hidden;}
.linecourse-content-right{ margin-top: 5px;}
.linecourse-content-right .classContent{ margin-left:18px;}
.linecourse-content-right .cover-group:hover img{ -webkit-filter:blur(0px); }/*鼠标经过图片变成毛玻璃效果*/
.linecourse-content-right .unitBox{ height:245px; width:300px}
.linecourse-content-right .unitBox > div{ height:209px; width:280px; padding:10px 10px 22px;}
.linecourse-content-right .unitBox .imgpor .cover-group{ margin:0;}
.linecourse-content-right .unitBox .unit-content{ padding:0;}
.linecourse-content-right .unitBox .imgpor .cover-group{ height:176px;}
.linecourse-content-right .imgpor{ height:176px;}
.linecourse-content-right .unitBox .unit-content>div{ padding: 9px 0px 9px 0px;}
.linecourse-content-right .class-nav{ margin-bottom: 13px; height: 31px;}
.linecourse-content-right .class-nav-ul{ height: 33px; margin-top: 8px;}
.linecourse-content-right .class-nav-ul .linecourse-class-nav-li{float:left; padding:0 20px; text-align: center;line-height: 14px; font-size: 14px;background-color: #efeeee;}
.linecourse-content-right .class-nav .jdt .hk{ width:138px; background-color: #188eee;}
.linecourse-content-right .sildeboxwidth{ width: 912px;}
.linecourse-content-right .linecourse-more{ position: relative; top:-36px; height: 10px;}

.linecourse-content-left{ width: 280px;  margin-bottom: 10px;}
.linecourse-content-left .Subject{ font-size: 26px; color: #333333; line-height: 26px; margin-bottom: 20px;}
.linecourse-content-left .tit-image{ margin-top: 12px; height: 491px;}
.linecourse-content-left .mr-t23{ margin-top: 23px;}

/*取消最后一个margin-bottom值*/
.linecourse-content-ys .linecourse-content-right{ margin-bottom: -10px;}

/*线下课程列表页*/
/*选择项*/
.linecourseList-arrangement{ background-color: #fff; margin-top: 0; padding-left: 20px; }
.linecourseList-listNav{ background-color: #fff; border-top:1px solid #d8d8d8; padding-bottom: 2px;}
.linecourseList-listNav .linecourseList-options{ width: 92px; float: left; }
.linecourseList-listNav .list-div{ padding-left: 19px; border:1px solid #f2f2f2; }
.linecourseList-listNav .list-div a.active{ background-color: transparent; color: #2d86de; }
.linecourseList-listNav .list-div div a:hover{ color:#2d86de; }
.linecourseList-listNav .list-div div{ float: left;}
.linecourseList-listNav .listNav-tab{ padding-left: 0; padding-right: 8px; line-height: 50px; margin-top: 20px; margin-bottom: 18px; height: 50px; border: 1px solid #f7f7f7; background-color: #f7f7f7;}
.linecourseList-listNav .list-div:first-child{   border-top: 1px solid #f2f2f2; border-bottom: 0; }
.linecourseList-listNav .listNav-tab a{ margin-right: 0; padding: 17px 20px;}
.linecourseList-listNav .listNav-tab a.active{ background-color: #fff; color: #2d86de;}
.linecourseList-listNav .list-div:nth-child(odd){ background-color: #f7f7f7;}
.linecourseList-listNav .listNav-tab span{font-size: 18px; height: 50px; line-height: 52px; color: #666666;}
.linecourseList-listNav .listNav-tab span.active{ color:#14191E; }

.linecourseList-content{ padding-top: 35px;}
.linecourseList-content .cover-group:hover img { -webkit-filter:blur(0px); -moz-filter:blur(0px); filter:blur(0px); }
.linecourseList-content .linecourse-content-right .sildeboxwidth{ width:1200px;}
.linecourseList-content .linecourse-content-right{ margin-left: -15px;}

.linecourseList-fy{ padding-top: 9px; height: 42px;}




/* red Btn */
.rtable tbody tr td .myindex-btn.red-btn{ background: #da0101 }
.rtable tbody tr td .myindex-btn.red-btn:hover{ background: #f30101  }
/* gray Btn */
.rtable tbody tr td .myindex-btn.gray-btn{ background: #9a9a9a }
/* red Btn */
.rtable tbody tr td .myindex-btn.green-btn{ background: #1ab394 }
.rtable tbody tr td .myindex-btn.green-btn:hover{ background: #18a689  }
.form-span{display: block;padding-right: 5px;overflow: hidden;color: #131718;font-size: 14px;line-height: 38px;padding-bottom: 5px;float: left;}

.invoice-span{width: 88px;display: block;float: left;text-align: right;padding-right: 5px;}

.invoice-input{border: 1px solid #EBEBEB; padding: 5px; width: 220px;margin-top: -4px;}
.span-block{display: block;float:left;}
.span-red{color: red;}

.vatInvoiceDiv .pick__box{ margin-left: 87px; }
.vatInvoiceDiv .pick{ display: inline-block; margin-right: 5px; width: 40px; height: 20px; line-height: 20px; font-size: 12px; text-align: center; background: #00a0e9; color: #fff; border-radius: 3px; }
table {border-collapse:collapse; border-spacing:0;}/*使表格的边框合并，间距为0*/
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
/*ol,ul {list-style:none;}*/
/*caption,th {text-align:left;}*/
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
a{ color:#3f3f3f; text-decoration:none;}
a,area { blr:expression(this.onFocus=this.blur());} /* for IE *//*表示获得焦点的同时失去焦点，防止虚线的产生*/
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */}
:focus { -moz-outline-style: none;} /* for Firefox *//*取消获得焦点的样式*/
a:focus{ -moz-outline-style: none;}/* FF *//*取消获得焦点的样式*/
.clearf{ clear:both;}/*清楚浮动*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}/*清除浮动*/