/*css reset*/
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, form, legend, button, input, textarea, th, td {margin:0;padding:0}
body, button, input, select, textarea {	font:12px "Microsoft YaHei", "SimSun", "Arial Narrow"}
h1, h2, h3, h4, h5, h6 {font-size:100%}
form {	display:inline}
ul, ol {list-style:none}
a {	cursor:pointer}
em {font-style:normal;	color:#999}
body {color:#333;background:#444546}
a{text-decoration:none;color:#333}
a:hover{text-decoration:none;color:#0080c8}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
input,button,select,textarea{outline:none}
textarea{resize:none}

.red {color:red}
.clearfix{zoom:1}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
/*public*/
.fl{float:left}
.fr{float:right}
.clearbox{clear:both;font-size:0;line-height:0;overflow:hidden}

.userbar {margin:0 auto;width:1000px;height:28px;line-height:28px;text-align:right}
.userbar .fl a {color:#099}

.top {margin:0 auto;width:1000px;height:84px;overflow:hidden}
.top .logo {float:left;margin-top:17px}
.top .fl {display:inline;padding-top:32px;font-size:14px;color:#666}
.nav{border-top:solid 1px #f3f3f3}
.nav ul{margin:0 auto;width:1000px;height:39px;line-height:39px}
.nav li{float:left;padding-right:24px;}
.nav li a{float:left;padding-left:24px;display:inline;font-size:14px;blr:expression(this.onFocus=this.blur());}
.nav li a b{color:#d00}
.nav li a:hover,.nav li a:hover b{color:#0080c8}
/*.nav li:nth-child(7){background:url("img/ico_new.png") no-repeat 53px 9px}*/
.nav li.on{background:url(img/bg_nav_right.jpg) no-repeat right top}
.nav li.on a{color:#fff;background:url(img/bg_nav_left.jpg) no-repeat}
.nav li.on a:hover,.nav li.on a:hover b,.nav li.on a b {color:#fff}

.footer{background:#444546}
.footer a {color:#808181}
.footer p{margin:0 auto 6px;width:1000px;text-align:center;color:#808181}
.footer p a{margin-right:6px}
.footer p a:hover{text-decoration:underline}
.footer img{margin:0 auto;padding:10px 0 0 0;display:block}

.warp {background:#fff url("img/bg_head.jpg") repeat-x}
.main {margin:0 auto;width:1000px}
.zone {margin:20px auto 0;width:1000px}
.path {padding:0 0 10px 20px;font-size:14px;color:#666;background:url(img/icon_home.gif) no-repeat}
.path a{color:#666}
.path a:hover{color:#0080c8}
.page {padding-top:24px;text-align:center}
.page a {display:inline-block;margin:0 4px;padding:0 10px;height:30px;line-height:30px;font-size:14px;color:#fff;background:#8fc7f4}
.page a.on,.page a:hover {color:#306298}
.page a.first,.page a.last {background:#184b82}
.page a.first:hover,.page a.last:hover {color:#ddd}

/**侧栏**/
#rightcolumn {float:right;width:240px}
#rightcolumn p {padding-top:20px}
#rightcolumn h3 {padding:10px 0;font-size:14px}
#rightcolumn li {height:24px;line-height:24px;font-size:14px;overflow:hidden}
#leftcolumn {position:relative;float:left;margin-bottom:65px;width:200px;min-height:600px;_height:600px;z-index:6}
#leftcolumn .menu li {height:30px;list-style:none inside none}
#leftcolumn .menu li.active {background:url(img/arrow_right.png) no-repeat}
#leftcolumn .menu a {display:block;position:relative;padding-left:12px;width:166px;height:30px;line-height:30px;color:#5A5A5A}
#leftcolumn .menu a:hover {text-decoration:none;color:#0F8BDA}
#leftcolumn .menu a img {position:absolute;top:8.5px;left:65px}

.icon h3 {margin:20px 0;padding-left:45px;height:34px;line-height:34px;font-size:24px;font-weight:normal;background:url(img/icons.png) no-repeat}
.module-usermenu h3 {	background-position:0 -68px}
.module-coursemenu h3 {	background-position:0 -136px}
.module-faqmenu h3 {background-position:0 -340px}
.module-aboutusmenu h3 {background-position:0 -306px}
.module-discussmenu h3 {background-position:0 -374px}

/**主栏**/
#maincolumn {float:left;margin:20px 0;width:800px;min-height:285px;_height:285px}
.sheet {min-height:600px;_height:600px;line-height:2.5em;border-left:1px solid #e5e5e5}
.sheet .contentpaneopen, .sheet .contentpane {padding-left:60px;width:670px}
.componentheading h3 {margin-bottom:18px;padding-left:35px;height:34px;line-height:34px;font-size:24px;font-weight:normal}
.componentheading h3 a {color:#5A5A5A}
.contentpaneopen {padding-bottom:20px}
.contentpaneopen h1 {padding:10px 0;font-size:24px;font-weight:100;text-align:center;color:#4e9601}
.contentpaneopen h3 {font-size:16px;font-weight:100;color:#0F8BDA}
.contentpaneopen li {float:left;width:49.5%;font-size:14px}
.contentpaneopen p {padding-top:10px;line-height:1.8;font-size:14px}
.contentpaneopen p.info{text-align:center;color:#999}
.contentpaneopen p.next a{color:#0080c8}
.contentpaneopen p.next a:hover{color:#333}
/**--常见问题--**/
.contentpane li {font-size:14px}
.contentpane li a {	color:#5A5A5A}
.contentpane li a:hover {color:#0F8BDA}

/**--我的账户--**/
.account {padding-left:60px;width:670px}
.account p {clear:both;padding:14px 4px;text-align:left;font-size:14px;border-bottom:dotted 1px #e1e1e1}
.account p.last {border-bottom:none}
.account b {font-size:16px;font-weight:bold;color:#ea192d}
.account input {padding:2px 8px;font-size:12px;cursor:pointer}
.account font {color:#13a2de}
.account span {float:left;width:380px}
.account span.s1 {width:75px}
.account span.s2 {width:110px}
.account span.s3 {width:170px}
.account span.s4 {width:220px}

/**--工具--**/
.main-list {padding-left:40px}
.main-list li {padding:14px 0 18px;overflow:hidden;zoom:1;color:#666;border-top:1px dashed #e9e8d5}
.main-list li .list-pic{float:left;padding-top:10px;width:140px;height:85px;text-align:center;overflow:hidden}
.main-list li .list-pic img{width:100px}
.main-list li .list-con{padding-right:10px;zoom:1}
.main-list li .list-con h2 {font-size:14px}
.main-list li .list-con p {line-height:1.5}

/**更新日志**/
.title h2 {padding:60px 0 40px 45px;font-size:24px;font-weight:normal;color:#666}
.history {position:relative;overflow:hidden;background:url(img/line04.gif) repeat-y 187px 0}
.history-date h2 {margin-top:60px;padding-left:45px;height:59px;font-size:25px;font-weight:100;cursor:pointer;background:url(img/icon06.gif) #fff no-repeat 158px 0}
.history-date h2.first {margin-top:0;width:935px;z-index:99}
.history-date h2 a {display:inline-block;*display:inline;zoom:1;margin:15px 97px 0 0;padding-right:17px;color:#00bbff;background:url(img/icon08.gif) no-repeat right 50%}
.history-date h2 a:hover {text-decoration:none}
.history-date h2 img {vertical-align:-5px}
.history-date ul.first {display:block}
.history-date ul {display:none}
.history-date ul li {padding:45px 0 0;zoom:1;	background:url(img/icon07.gif) no-repeat 180px 50px}
.history-date ul li.last {padding-bottom:0}
.history-date ul li:after {content:" ";display:block;height:0;clear:both;visibility:hidden}
.history-date ul li h3 {float:left;margin-top:4px;padding-right:19px;width:168px;text-align:right;font:normal 18px/16px Arial;color:#c3c3c3;cursor:pointer}
.history-date ul li h3 span {display:block;font-size:12px;color:#d0d0d0}
.history-date ul li dl {float:left;padding-left:41px;width:732px}
.history-date ul li dl dt {line-height:24px;font-size:18px;cursor:pointer}
.history-date ul li dl dd {padding-top:20px;font-size:12px;color:#5A5A5A}
.history-date ul li.green h3 {color:#1db702}
.history-date ul li.green h3 span {	color:#a8dda3}
.history-date ul li.green dl dd img {float:left}
.history-date ul li.green dl dd p {line-height:21px;overflow:hidden;zoom:1;color:#787878}
.history-date h2.first .more-history {margin-left:30px;font-size:16px;background:transparent}
.history-date h2.first .more-history:hover {text-decoration:underline}

/*排队页面*/
.queue {padding:80px 10px 200px 458px;background:url(img/queue.jpg) no-repeat 40px 0}
.queue p {padding-bottom:10px;font-size:16px}
.queue h3 {padding-bottom:20px;font-size:32px;font-weight:100}

/*教程列表*/
.sub-mark{position:relative;height:35px;background:url(img/repeat.png) 0 -72px}
.sub-mark .mark{padding-left:15px;line-height:35px;font-size:14px;font-weight:bold}
.new-rec-box{margin-bottom:20px;padding-bottom:10px;border:1px solid #D9DFDF;zoom:1;overflow:hidden;background:#fff}
.new-rec-box .tab-style-2{left:120px;right:auto}
.new-rec-box .mark-ext{line-height:35px}
.new-rec-box .soft-list li{float:left;margin:20px 0;width:103px}
.new-rec-soft{padding:15px 0 0 15px}
.soft-list .pic{display:block;position:relative;margin:0 auto;text-align:center}
.soft-list .pic img{width:100px;height:100px;border-radius:10px}
.soft-list .name{display:block;margin-top:4px;height:22px;line-height:22px;text-align:center;overflow:hidden}
.tool-links span{float:left;padding-left:10px;width:350px;height:30px;background:url(img/icon02.gif) no-repeat 0 -9px}
.tool-links span em{display:block;color:#888}

/*公告列表*/
.notice h2 {padding-bottom:20px;font-size:20px;font-weight:normal}
.notice ul{padding:10px 0;border-bottom:dashed 1px #ccc}
.notice ul.first{border-top:dashed 1px #ccc}
.notice li{padding-left:10px;height:35px;line-height:35px;overflow:hidden;font-size:14px;background:url(img/icon02.gif) no-repeat}
.notice li:hover{background-position:0 -35px}
.notice span{float:right;margin-left:5px;color:#999}

/*视频介绍*/
.box1 h2 {color:#13a2de}
.box1 em {left:343px;top:10px;width:657px;height:291px;background:url(img/box1t.jpg)}
.box1 p {color:#666}
.box1 .play {left:670px;top:60px}
.box1 .more {height:826px;background:url(img/box1b.jpg)}
.box2 h2 {color:#fff}
.box2 em {left:515px;top:10px;width:485px;height:283px;background:url(img/box2t.jpg)}
.box2 p {color:#c2e39b}
.box2 .play {left:670px;top:60px}
.box2 .more {height:910px;background:url(img/box2b.jpg)}
.box3 h2 {color:#fff}
.box3 em {left:491px;top:10px;width:509px;height:291px;background:url(img/box3t.jpg)}
.box3 p {color:#fceed0}
.box3 .play {left:670px;top:60px}
.box3 .more {height:918px;background:url(img/box3b.jpg)}
.box4 h2 {color:#fff}
.box4 em {left:416px;top:0;width:584px;height:324px;background:url(img/box4t.jpg)}
.box4 p {color:#fdd7da}
.box4 .play {left:670px;top:60px}
.box4 .more {height:880px;background:url(img/box4b.jpg)}
.box5 h2 {color:#13a2de}
.box5 em {left:515px;top:-35px;width:484px;height:362px;background:url(img/box5t.jpg)}
.box5 p {color:#666}
.box5 .play {left:630px;top:60px}
.box5 .more {top:500px;height:1008px;background:url(img/box5b.jpg)}
.box6 h2 {color:#fff}
.box6 em {left:456px;top:10px;width:544px;height:300px;background:url(img/box6t.jpg)}
.box6 p {color:#e4facb}
.box6 .play {left:670px;top:60px}
.box6 .more {height:888px;background:url(img/box6b.jpg)}
.box7 h2 {color:#fff}
.box7 em {left:432px;top:10px;width:568px;height:285px;background:url(img/box7t.jpg)}
.box7 p {color:#fef6e4}
.box7 .play {left:570px;top:90px}
.box7 .more {height:883px;background:url(img/box7b.jpg)}
.box8 h2 {color:#fff}
.box8 p {color:#fdd7da}
.box8 em {left:482px;top:10px;width:518px;height:369px;background:url(img/box8t.jpg)}
.box0 {position:relative;padding:40px 0}
.box0 h2 b {padding-left:10px;font-size:48px;font-weight:100;color:#13a2de}
.box0 h2 span {padding-left:40px;font-size:32px;font-weight:100;color:#565656}
.box0 p {padding:20px 20px 20px 10px;line-height:1.3;font-size:24px;color:#787878}
.box0 .video {padding:20px 0 60px 0;height:360px;text-align:center;background:url(img/bg_video.jpg)}
.box2 em.em {position:absolute;left:900px;top:1500px;display:block;width:100px;height:100px;background:#fff}
.box3 em.em {position:absolute;left:800px;top:1480px;display:block;width:200px;height:100px;background:#fff}
.box5 em.em {position:absolute;left:600px;top:1570px;display:block;width:400px;height:100px;background:#fff}

/*教程百度搜索*/
.bdcs-hot{display:none}
.bdcs-search{float:left;margin:28px 80px 0 115px}
.bdcs-search-form-input{float:left;padding:4px;width:398px;height:22px;line-height:22px;vertical-align:middle;font-size:14px;border:1px solid #e5e5e5;border-right:none;background:#fff}
.bdcs-search-form-submit{float:left;width:70px;height:32px;color:#fff;text-align:center;vertical-align:middle;font-size:14px;border:1px solid #65b01c;background:#82d326}
.bdcs-search-form-submit:hover{opacity:0.8;filter:alpha(opacity=80);cursor:pointer}

/*快捷固定导航*/
.side-btns-wrap {margin-top:20px}
.side-btns-wrap ul:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.side-btns-wrap li{float:left;width:10%}
.side-btns-wrap li a{display:block;margin:0 5px 5px 0;padding:0 5px;height:30px;overflow:hidden;background:#439fdd;color:#fff;font:normal 14px/30px Microsoft Yahei,"宋体";text-align:center}
.side-btns-wrap li a:hover{text-decoration:none;background:#25b8ee;color:#fff}
.side-btns-wrap li i{display:none}
.side-btns-wrap li.active a{background:#26b9b7}
.side-btns-wrap .hd,.ft{display:none}

/**登录**/
.fwin .rfm {width:500px}
.fwin .rfm th, .fwin .rfm td {padding:6px 2px}
.rfm {margin:0 auto;width:760px;border-bottom:1px dotted #CDCDCD}
.rfm a {color:#369}
.rfm th, .rfm td {padding:10px 2px;vertical-align:top;line-height:24px}
.rfm th {padding-right:10px;width:10em;text-align:right}
.rfm .px {width:220px}
.rfm .px:focus {border-color:#369;	background:#FFF}
.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r {overflow:hidden;background:#000;opacity:0.2;filter:alpha(opacity=20)}
.t_l, .t_r, .b_l, .b_r {width:8px;height:8px}
.t_c, .b_c {height:8px}
.m_l, .m_r {width:8px}
.t_l {-moz-border-radius:8px 0 0 0;-webkit-border-radius:8px 0 0 0;border-radius:8px 0 0 0}
.t_r {-moz-border-radius:0 8px 0 0;-webkit-border-radius:0 8px 0 0;border-radius:0 8px 0 0}
.b_l {-moz-border-radius:0 0 0 8px;-webkit-border-radius:0 0 0 8px;border-radius:0 0 0 8px}
.b_r {-moz-border-radius:0 0 8px 0;-webkit-border-radius:0 0 8px 0;border-radius:0 0 8px 0}
.m_c {background:#FFF}
.m_c .tb {margin:0 0 10px;	padding:0 10px}
.m_c .c {padding:0 10px 10px}
.m_c .o {padding:8px 10px;height:26px;text-align:right;	border-top:1px solid #CCC;	background:#F2F2F2}
.m_c .el {width:420px}
.m_c .el li {padding:0;border:none}
.flb {padding:10px 10px 8px;height:20px;line-height:20px}
.flb em {float:left;font-size:14px;font-weight:700;color:#369}
.flb em a {	text-decoration:none}
.flb span {	float:right;color:#999}
.flb span a,.flb strong {float:left;margin-left:8px;text-decoration:none;font-weight:400;color:#333}
.flb span a:hover {	color:#999}
.flbc {	float:left;width:20px;height:20px;overflow:hidden;text-indent:-9999px;cursor:pointer;	background:url(img/cls.gif) no-repeat 0 0}
.flbc:hover {background-position:0 -20px}
.bw0 {border:none !important}
.bw0 {background:transparent}
.bw {padding:0 15px}
.pn {vertical-align:middle;overflow:hidden;margin-right:3px;padding:0 10px;height:23px;border:1px solid #235994;background:#06C;cursor:pointer;color:#fff;-moz-box-shadow:0 1px 0 #E5E5E5;	-webkit-box-shadow:0 1px 0 #E5E5E5;box-shadow:0 1px 0 #E5E5E5}
.pn:hover {	background:#05c}
hr.l {height:1px;color:#CDCDCD;border:none;background:#CDCDCD}

.buybtn,.btn,.button {display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:100;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px}
.btn-success {text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);color: #ffffff;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);background-color: #5bb75b;background-image: linear-gradient(to bottom, #62c462, #51a351);background-repeat: repeat-x}
.btn-warning {text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);color:#fff;background:#f0ad4e;border-color:#eea236}
.btn-warning:hover, .btn-warning:focus {text-decoration:none;color:#fff;background:#ed9c28;border-color:#d58512}

.mod-page {padding:20px;text-align:center}
.mod-page a {display:inline-block;margin:0 4px 0 0;padding:5px 7px;height:12px;line-height:12px;color:#111;background-color:#f7f7f7;border:1px solid #dfdfdf;text-decoration:none}
.mod-page-cur {display:inline-block;margin:0 4px 0 0;padding:5px 7px;height:12px;line-height:12px;color:#fff;background-color:#308be4;border:1px solid #4388cd}

.zoom{text-align:center;overflow:hidden;background:#216bd8}
.zoom div {position:relative;margin:0 auto;width:1000px}
.zoom span a{position:absolute;right:10px;top:10px}

#qq_float {position:absolute;width:95px;height:153px;z-index:1000;}
#qq_fixed {position:fixed;width:95px;height:153px;right:5px;bottom:50px;z-index:1000}