@charset "utf-8";
/**
 * Created by sxz on 17/3/17.
 */
body {font: 14px/1.8 Arial,Microsoft YaHei,SimSun,Verdana;-webkit-font-smoothing: antialiased !important; color: #333; background:#f1f2f3}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, mark, audio, video, canvas { display: block }
address, cite, dfn, em, var, b, sub, sup { font-style: normal }
code, kbd, pre, samp { font-family: courier new, courier, monospace }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100% }
input, textarea, select { font-family: Arial, Verdana, "\5b8b\4f53" }
fieldset, img { border: 0 }
sup, sub { font-size: 0.6em }
ins{text-decoration: none}
ul, ol,li { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
input { outline: 0 }
textarea { -moz-outline: 0; outline: 0; overflow: auto; vertical-align: top; resize: none; -webkit-appearance: none }
img { vertical-align: middle }
iframe { margin: 0; padding: 0; border: 0; font-size: 100% }
a,a:visited{ color: #333; text-decoration: none;outline: none }
a:hover{ color: #1480cc; text-decoration: none; transition: color .3s}

.clearfix:after, #header:after,#wrapper:after,#wrapper .inner:after,.w-inner:after, #footer:after{ visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; overflow: hidden }
.clearfix, #header,#wrapper,#wrapper .inner,.w-inner:after, #footer{ *zoom:1}
.block { display: block }
.fl { float: left }
.fr { float: right }
.ft12{ font-size: 12px}
.fta{ font-family: Arial}
.fwb{ font-weight: bold}
.fwn{ font-weight: normal}
.bdb{ border-bottom: 1px solid #f1f2f3}
.bgn{ background: none !important}
.bdf{ background: #fff}
.bdn{ background: none !important;}
.rmb { font-family: Verdana }
.fntA{ font-family: Arial}
.bgf{ background: #fff !important;}
.bor25{ border-radius: 2.5px}
.bor3{ border-radius: 3px}
.tac{ text-align: center !important;}

.light-gray { color: #999 !important }/*灰色高亮*/
.light-gray333 { color: #333 !important}/*灰色高亮333*/
.light-red{ color: #cc0000 !important} /*红色高亮*/
.light-blue{ color:#1480cc !important;}/*蓝色高亮*/

.pdt0{ padding-top: 0 !important;}
.pdt10{ padding-top: 10px !important;}
.pdt20{ padding-top: 20px !important;}
.pdt30{ padding-top: 30px !important;}
.pdt40{ padding-top: 40px !important;}
.pdt50{ padding-top: 60px !important;}
.pdt80{ padding-top: 80px !important;}
.pdb40{ padding-bottom: 40px !important;}
.pdb30{ padding-bottom: 30px !important;}
.pdb10{ padding-bottom: 10px !important;}
.pdl30{ padding-left: 30px !important;}
.pdl10{ padding-left: 10px !important;}
.pdl65{ padding-left: 65px !important;}
.pdr20{ padding-right: 20px !important;}
.pdr30{ padding-right: 30px !important;}
.mgt40{ margin-top: 40px !important;}
.mgt20{ margin-top: 20px !important;}
.mgt10{ margin-top: 10px !important;}
.mgb30{ margin-bottom: 40px !important;}
.mgb20{ margin-bottom: 20px !important;}
.mgl10{ margin-left: 10px !important;}
.mgl30{ margin-left: 30px !important;}
.mgr10{ margin-right: 10px !important;}
.mgr30{ margin-right: 30px !important;}
.mgr40{ margin-right: 40px !important;}

.bdt-eee{ border-top:1px solid #eee}
.bdm-eee{ border-bottom:1px solid #eee}
.bdl-gray{ border-left: 1px solid #f1f2f3}

.wsBtnGrey{ display: inline-block; height: 35px; line-height: 35px; padding: 0 20px; background: #eee; color: #333}
.wsBtnGrey:visited{ color: #333}
.wsBtnGrey:hover{ background:#1480cc; color: #fff}

.wsBtnBlue{ display: inline-block; height: 35px; line-height: 35px;padding: 0 20px; background: #1480cc; color: #fff; border-radius: 2.5px; text-align: center}
.wsBtnBlue:visited{color: #fff}
.wsBtnBlue:hover{ background: #1273b7; color: #fff}
.wsBtnLogin{ font-size: 16px; display: inline-block; width: 100%; height: 40px; line-height: 40px; background: #1480cc; color: #fff; border-radius: 2.5px; text-align: center}
.wsBtnLogin:visited{color: #fff}
.wsBtnLogin:hover{ background: #1273b7; color: #fff}

.opacity { opacity: 0.5; filter: alpha(opacity=50) }
.gradient{
    background:-moz-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,.8));
    background:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8));
    background:-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8));
    background:-ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8));
    filter:alpha(opacity=0 finishopacity=80 style=1 startx=0,starty=0,finishx=0,finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#000',endcolorstr='#000',gradientType=0);
    -ms-filter:alpha(opacity=0 finishopacity=80 style=1 startx=0,starty=0,finishx=0,finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#000',endcolorstr='#000',gradientType=0);/*IE8*/
}
.gradientHor{
    background:-moz-linear-gradient(left,rgba(0,0,0,0), rgba(0,0,0,.8));
    background:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8));
    background:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8));
    background:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8));
    filter:alpha(opacity=1 finishopacity=100 style=1 startx=0,starty=25,finishx=100,finishy=25) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#000',endcolorstr='#000',gradientType=0);
    -ms-filter:alpha(opacity=1 finishopacity=100 style=1 startx=0,starty=25,finishx=100,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#000',endcolorstr='#000',gradientType=0);/*IE8*/
}
.gradientGrey{
    background:-moz-linear-gradient(top,rgba(255,255,255,1), rgba(247,247,247,1));
    background:-webkit-linear-gradient(top, rgba(255,255,255,1), rgba(247,247,247,1));
    background:-o-linear-gradient(top, rgba(255,255,255,1), rgba(247,247,247,1));
    background:-ms-linear-gradient(top, rgba(255,255,255,1), rgba(247,247,247,1));
    filter:alpha(opacity=1 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#ffffff',endcolorstr='#f7f7f7',gradientType=0);
    -ms-filter:alpha(opacity=1 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#ffffff',endcolorstr='#f7f7f7',gradientType=0);/*IE8*/
}
.gradientWhite{
    background:-moz-linear-gradient(top,rgba(255,255,255,.6), rgba(255,255,255,1));
    background:-webkit-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,1));
    background:-o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
    background:-ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
    filter:alpha(opacity=0 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fff',endcolorstr='#fff',gradientType=0);
    -ms-filter:alpha(opacity=0 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fff',endcolorstr='#fff',gradientType=0);/*IE8*/
}
.shadow{ box-shadow: 0 5px 15px rgba(0,0,0,.1)}

/*Layout*/
#wrapper{ padding-bottom: 40px}
#header .inner,#wrapper .inner, #footer .inner{ margin: 0 auto; width:1220px}
#header .fl{ height: 30px; line-height: 30px; font-size: 12px; color: #999}
#header .top{height: 30px; line-height: 30px;position: relative;z-index: 200; background: #fafafa}
#header .top .inner{ height: 30px}
#header .sel{ display: inline-block; position: relative; width: 110px; padding-right: 10px; height: 100%}
#header .sel cite{ display:block;font-size: 12px; color: #999; cursor:pointer;font-style:normal; padding-left:10px}
#header .sel cite:hover{ color: #333}
#header .sel ul{width:115px;max-height:150px; overflow: auto; border:1px solid #ddd; background-color:#fff; position:absolute; z-index:999; margin-top:-1px; margin-left:-1px;border-radius: 0 0 3px 3px;-webkit-box-shadow:  0 2px 10px rgba(0,0,0,.1); -moz-box-shadow:  0 2px 10px rgba(0,0,0,.1); -o-box-shadow:  0 2px 10px rgba(0,0,0,.1); -ms-box-shadow:  0 2px 10px rgba(0,0,0,.1); box-shadow: 0 2px 10px rgba(0,0,0,.1); display:none}
#header .sel ul li{height:24px; line-height:24px}
#header .sel ul li a{display:block; height:24px; color:#333; text-decoration:none; padding-left:10px; padding-right:10px; font-size: 12px}
#header .sel .icon-down{ display: block; width: 7px; height: 4px; background: url("../img/sel-down.png") center no-repeat; background-size: 7px 4px; position: absolute; right: 0; top:50%; margin-top: -2px; z-index: 301;opacity:0.3;filter:alpha(opacity=30)}

/*#header .loginBar li{ padding-top: 8px; float: left; position: relative; height: 22px; line-height: 22px}*/
#header .loginBar li{ float: left; position: relative; height: 30px; line-height: 30px}
#header .loginBar a{display: inline-block; height: 14px; line-height: 14px; font-size: 12px; vertical-align: middle; padding:0 15px; border-left: 1px solid #ddd; color: #999}
#header .loginBar a:visited{ color: #999}
#header .loginBar a:hover{color: #333}
#header .loginBar .hasDown{ padding-right: 30px; position: relative}
#header .loginBar .hasDown i{ position: absolute; right: 13px; top:50%; margin-top:-2.5px; display: inline-block; width: 9px; height: 5px; background: url("../img/icon-down.png") no-repeat center; background-size: 9px 5px;opacity:0.4;filter:alpha(opacity=40)}
#header .loginBar .phone{ padding-left: 25px; position: relative}
#header .loginBar .phone i{position: absolute; left:12px;top:50%; margin-top:-5px; display: inline-block; width: 7px; height: 10px; background: url("../img/icon-phone.png") no-repeat center; background-size: 7px 10px;opacity:0.4;filter:alpha(opacity=40)}
#header .loginBar .hasDown:hover i,#header .loginBar .phone:hover i{opacity:0.9;filter:alpha(opacity=90)}
#header .loginBar .reg{ border-left: none; padding-left: 0}
#header .noLogin li:first-child a{ border-left: 0}

#header .userName a.hasDown{ border-left: 0}
#header .userName.hover{ background: #fff; z-index: 3;border-left: 1px solid #eee; border-right: 1px solid #eee; margin-right: -1px; box-shadow: 0 10px 20px rgba(0,0,0,.4)}
#header .userName.hover .mask{display: block; position: absolute; left: 0; bottom:-1px; z-index: 5; width: 100%; height: 3px; background: #fff}
#header .userLayer{ position: absolute;top:30px; left:-1px; z-index: 4; padding: 10px 0; background: #fff; width: 220px; border:1px solid #eee; box-shadow: 0 10px 20px rgba(0,0,0,.4)}
#header .userLayer .ext{ padding: 0 10px; overflow:hidden}
#header .userLayer .ext a{ border-left: none; padding: 0 0 0 10px; float: right}
#header .userLayer .usr{ padding: 10px 0 15px; background: url("../img/greyBg.jpg") left bottom repeat-x}
#header .userLayer .usr img{ display: block; width: 60px; height: 60px; margin: 0 auto 5px; border-radius: 50% }
#header .userLayer .usr p{ font-size: 12px; color: #999; text-align: center}
#header .userLayer .usr p.jf{ color: #244ea4}
#header .userLayer .message{ padding: 0 10px; font-size: 12px}
#header .userLayer .message dt{ padding-top: 10px; color: #999; line-height: 25px}
#header .userLayer .message dd{ line-height: 150%}
#header .userLayer .message dd a{ padding: 0; float: none; border:0; color: #333; height: auto; line-height: inherit}
#header .userLayer .message dd a:hover{ color: #1480cc}
#header .userLayer .totalMsg,#header .historyLayer .totalMsg{ display: block; height: 30px; line-height: 30px; text-align: center; border-left: 0; padding: 0; float: none; color: #244ea4}
#header .userLayer .totalMsg:hover,#header .userLayer .totalMsg:visited,#header .historyLayer .totalMsg:hover,#header .historyLayer .totalMsg:visited{ color: #244ea4}

#header .history.hover{ background: #fff; z-index: 3;border-left: 1px solid #eee; border-right: 1px solid #eee; margin-right: -1px; box-shadow: 0 10px 20px rgba(0,0,0,.4)}
#header .history.hover .hasDown{ border-left: 0}
#header .history .mask{ display: block; position: absolute; left: 0; bottom:-1px; z-index: 5; width: 100%; height: 3px; background: #fff}
#header .historyLayer{ position: absolute;top:30px; right:-1px; z-index: 4; padding:0 10px 10px; background: #fff; width: 280px; border:1px solid #eee; box-shadow: 0 10px 20px rgba(0,0,0,.4)}
#header .historyLayer dt{ font-size: 12px; padding: 15px 0 8px; color: #999}
#header .historyLayer dd{ position: relative;  padding:8px 0; font-size: 12px}
#header .historyLayer .hisBox{ display: block; padding: 0 0 0 70px;float: none;  border-left: none; height: 40px; position: relative}
#header .historyLayer dd h3{ color: #333; line-height: 23px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
#header .historyLayer dd .hisBox:hover h3{ color: #1480cc}
#header .historyLayer dd p{ position: relative;padding-right:40px; color: #999; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
#header .historyLayer dd .hisBox:hover p{ color: #333 !important}
#header .historyLayer dd em{ position: absolute; right: 0; top:0;}
#header .historyLayer dd .img{ position: absolute; left: 0; top:0; width: 60px; height: 40px}
#header .historyLayer dd .img img{ width: 60px; height: 40px}

#header .nav{ position: relative; z-index: 1; height: 100px; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,.05)}
#header .nav .inner{ height: 100px; position: relative; z-index: 199}
#header .logo{ display: block; float: left; margin-top: 23px}
#header .nav .nv{ height: 100px; display: inline-block;position: absolute; left: 310px; top:0}
#header .nav .nv li{ float: left; display: inline;padding: 0 15px}
#header .nav .nv li a{ display: block; font-family: 'Microsoft YaHei'; font-weight: bold; height: 97px; line-height: 100px; padding: 0 5px; border-bottom: 3px solid #fff; font-size: 16px}
#header .nav .nv li a.active,#header .nav .nv li a:hover{ border-bottom: 3px solid #0a7bcc; color: #0a7bcc}

.headerBind .nav{ box-shadow: none!important; border-bottom: 1px solid #f1f2f3}

#header .nav .search{ position: absolute;right: 0; top:50%; margin-top: -17.5px; width: 220px; height: 33px;border:1px solid #1480cc}
#header .nav .search .btn{ position: absolute; right: 0; top:0; display: inline-block; width: 40px; height: 33px; background: #1480cc url("../img/icon-search16.png") center no-repeat}
#header .nav .search input{ width: 120px; height: 22px; line-height: 23px; padding: 5px 10px;border:0; font-size: 12px }
#header .nav .search .sel{ position: absolute;right:40px; top:50%; margin-top: -10px; line-height: 20px; width: 49px; height: 20px; border-left: 1px solid #ddd}
#header .nav .search .sel select{ height: 20px; vertical-align: middle; width: 50px; border:0; background: 0;  text-indent: 10px; font-size: 12px; appearance:none;-moz-appearance:none;-webkit-appearance:none; }
#header .nav .search .sel img{ position: absolute; right: 10px; top:50%; margin-top: -2px}

#header .nav .schPanel{ position: absolute; top:34px; left: 0; width: 200px; padding: 5px 10px 0; border:1px solid #eee; background: #fff;-webkit-box-shadow:  0 10px 20px rgba(0,0,0,.4); -moz-box-shadow:  0 10px 20px rgba(0,0,0,.4); -o-box-shadow:  0 10px 20px rgba(0,0,0,.4); -ms-box-shadow:  0 10px 20px rgba(0,0,0,.4); box-shadow: 0 10px 20px rgba(0,0,0,.4)}
#header .nav .schPanel .historySch{ line-height: 25px; font-size: 12px; color: #999}
#header .nav .schPanel .advSearch{ display: block; line-height: 45px; text-align: center; color: #1480cc; font-size: 12px}
#header .nav .schPanel ul{ padding: 5px 0; border-bottom: 1px solid #eee}
#header .nav .schPanel li a{ width: 180px; height: 25px; line-height: 25px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle}
#header .nav .schPanel li a:visited{color: #333}
#header .nav .schPanel li a:hover{color: #1480cc}
#header .nav .schPanel li .num{color: #fff; display: inline-block;margin-right: 5px; width: 15px; height: 15px; text-align: center; line-height: 15px; background: #1480cc; border-radius: 100%; font-size: 12px; vertical-align: middle}
#header .nav .schPanel .noHistory{ height: 80px; line-height: 90px; font-size: 12px; text-align: center; color: #999; border-bottom: 1px solid #eee}

#footer .nav{ height: 110px; padding-top: 30px; background: #333}
#footer .nav .companyNm{ font-size: 12px; color: #999; height: 45px; line-height: 45px; text-align: center}
#footer .nav .navSub{ text-align: center; height: 25px; line-height: 25px}
#footer .nav .navSub a{ font-size: 12px; color: #fff}
#footer .nav .navSub a:hover{ color: #1480cc}
#footer .nav .navSub span.line{ color: #4d4d4d; margin: 0 10px; vertical-align: middle; font-size: 12px}
#footer .copyRight{ padding-top: 25px; height: 75px; background: #222}
#footer .copyRight p{line-height: 25px; font-size: 12px; color: #666; text-align: center}

#footer .copyRight .courseUp{ color: #666; margin: 0 15px }
#footer .copyRight .courseUp:hover{ color: #999 }


/*select 下拉*/
.wSelect{ width: 175px; height:38px; border:1px solid #ddd; border-radius: 3px; position: relative}
.wSelect cite{width:155px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  height:38px;line-height:38px; display:block;font-size: 12px; color: #999; cursor:pointer;font-style:normal;  padding:0 10px 0 10px}
.wSelect ul{width:175px; max-height:145px; overflow-y:scroll;border:1px solid #ddd; background-color:#fff; position:absolute; z-index:999; margin-top:-1px; margin-left:-1px;border-radius: 0 0 3px 3px;-webkit-box-shadow:  0 2px 10px rgba(0,0,0,.1); -moz-box-shadow:  0 2px 10px rgba(0,0,0,.1); -o-box-shadow:  0 2px 10px rgba(0,0,0,.1); -ms-box-shadow:  0 2px 10px rgba(0,0,0,.1); box-shadow: 0 2px 10px rgba(0,0,0,.1); display:none}
.wSelect ul li{height:30px; line-height:30px}
.wSelect ul li a{display:block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;   height:30px; color:#333; text-decoration:none; padding-left:10px; padding-right:10px; font-size: 12px}
.wSelect .icon-down{ display: block; width: 6px; height: 5px; background: url("../img/sel-down.png") center no-repeat; position: absolute;  right:10px;top:50%; margin-top: -3px; z-index: 301}

.feat-area { width:1220px;height: 400px; position:relative}
.slider-wrap{ width:1220px;height: 400px}
.slider-index, .slider li a { width: 1220px; margin: 0 auto; position: relative }
.slider-items { width: 1220px; height: 400px; overflow: hidden; position: relative }
.slider { width: 1220px; height: 400px; position: absolute; left: 0; top: 0; overflow: hidden; display: none }
.slider li { width: 1220px; height: 400px; overflow: hidden; position: absolute; left: 0; top: 0; display: none; border-radius: 5px }
.slider li a { display: block; text-indent: -9999em; overflow: hidden;width: 1220px; height: 400px }
.slider-index{ height: 130px; text-align: right; display: block; position: absolute; left: 0;bottom:0}
.slider-index .items { height: 54px; position: absolute; right: 10px; bottom:10px; display: inline-block;*zoom:1;*display:inline}
.slider-index li { overflow: hidden; float: left; display: inline; margin-left: 7px; width: 100px; height: 50px;border:2px solid rgba(255,255,255,0); text-align: center; cursor: pointer;transition:all .2s}
.slider-index li img { width:152.5px; height: 50px; border:0;; margin-left: -25px}
.slider-index li.current{border:2px solid #fff}
/*.slider-index li.current  img{display: block; width:auto; height:46px;}*/
.slider-updown{ display: none; width: 100%; position: absolute;top:50%; margin-top: -50px}
.slider-updown .button { width: 50px; height: 100px; position: absolute}
.slider-updown .prev { left: 0px; background: url("../img/slide-left.png") center no-repeat}
.slider-updown .next { right: 0px; background: url("../img/slide-right.png") center no-repeat}
.feat-area .more,.feat-area .more:visited{ display: block; width: 40px; height: 50px; line-height: 20px; padding-top:10px; position: absolute; right: 0; bottom:10px; background: #e51c23; font-size: 12px; color: #fff; text-align: center}
.feat-area .more:hover{background: #b7161c}

/*两列分类*/
.classifyCol{ padding: 20px;  background: #fff}
.classifyCol th{ padding-left: 15px; position: relative; font-size: 14px;height: 20px; line-height: 20px; text-align: left}
.classifyCol th i{ position: absolute; left: 0; top:2.5px; display:inline-block; width: 3px; height: 15px; background: #1480cc}
.classifyCol table td { padding-top: 15px; font-size: 12px}
.classifyCol .fr{  border-left:1px solid #f1f2f3; padding-left: 30px}

.classifyCol .center{ width: 100%}
.classifyCol .table1 .fl{ width: 518px}
.classifyCol .table .fr,.classifyCol .table1 .fr table{ width: 630px}

.classifyCol .table2 .fl{ width: 890px}
.classifyCol .table2 .fr,.classifyCol .table2 .fr table{ width: 255px}

.classifyType1 .table2{ display: none}
.classifyType2 .table1{ display: none}

/*分类选择*/
.classify{ background: #fff}
.classify h3{ padding: 50px 20px 0; height: 50px; font-family: 'Microsoft YaHei'; font-weight: bold; line-height: 50px; font-size: 24px; background: #fff}
.classify .clfy{ padding: 10px 20px 10px; border-bottom:1px solid #f1f2f3}
.classify .clfy dl{ position: relative; padding: 10px 0 0 50px; font-size: 12px}
.classify .clfy dt{ position: absolute; left: 0; top:10px; height: 25px; line-height: 25px; color: #999}
.classify .clfy dd a{ display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; margin:0 20px 10px 0}
.classify .clfy dd a:hover,.classify .clfy dd a.current{background: #1480cc; color: #fff; cursor: pointer}
.classify .clfy dd a:hover .light-gray,.classify .clfy dd a.current .light-gray{ color: #91b9e1 !important}
.classify .clfyExpand{ height: 40px; line-height: 40px; text-align: center}
.classify .clfyExpand a{ display: inline-block; padding: 0 20px; font-size: 12px; color: #000; opacity: .5}
.classify .clfyExpand a.open{ background: url("../img/sel-down.png") right center no-repeat}
.classify .clfyExpand a.close{ background: url("../img/sel-up.png") right center no-repeat}
.classify .clfyExpand a:hover{ opacity: 1}
/*.classifyCourse h3{ background:#fff url("../img/classifyBg01.png") right top no-repeat}*/
.classifySchbg h3{ background:#fff url("../img/classifyBg02.png") right top no-repeat}
.classifyTeacher h3{ background:#fff url("../img/classifyBg03.png") right top no-repeat}

/*ePage*/
.wsPage{ padding: 30px 10px; text-align: center; border-top:1px solid #f1f2f3}
.wsPage a{ margin-left: 6px; padding: 8px 10px; border:1px solid #eee; background: #fff; text-decoration: none; color: #333; font-size: 14px; text-align: center; line-height: 40px; cursor: pointer}
.wsPage a:hover,.wsPage span.current{ background: #1480cc; color: #fff; border:1px solid #1480cc}
.wsPage span{ font-size: 14px; background: #fff; color: #ccc; margin-left: 6px;padding: 8px 10px; text-align: center; cursor: default}
.wsPage span.disabled{color: #ccc; border:1px solid #eee}

.wsItem{background: #fff}
.wsItem .tit{ position: relative; height: 60px; line-height: 60px; font-family: 'Microsoft YaHei'; font-size: 24px; font-weight: bold; padding: 0 20px; border-bottom: 1px solid #f1f2f3}
.wsItem .tit .change{ position: absolute; right: 20px; top:50%; margin-top: -10px; display: inline-block; height: 20px; font-size: 12px; color: #1480cc; line-height: 20px; padding-left: 20px; background: url("../img/icon-change.png") left center no-repeat; opacity: .5}
.wsItem .tit .change:hover{ opacity: 1}
.wsItem .tit .titLi a{ display: inline-block; color: #999; float: left; font-weight: normal;  padding:0 15px; background: url("../img/icon-point2.png") left center no-repeat; background-size: 3px; font-size: 12px}
.wsItem .tit .titLi a:hover{ color: #1480cc}
.wsItem .tit .titLi a:visited{ color: #999}
.wsItem .tit .titLi a.current{ color: #0a7bcc}
.wsItem .tit .titImg{ display: inline-block; margin-top:-3px; vertical-align: middle; margin-right: 10px}

.wsItem .sort{ position: relative; padding-right: 100px}
.wsItem .sort .sel{ position: relative; padding-right: 10px; height: 20px; line-height: 20px; font-size: 12px; color: #333; cursor: pointer; font-weight: normal; margin:20px 5px 0 10px; float: left;border:none;  appearance:none; -moz-appearance:none; -webkit-appearance:none; padding-right: 14px;  background: url("../img/icon-down-grey.png") no-repeat scroll right center transparent;}
.wsItem .sort .sortSub{ height: 20px; line-height: 20px;margin:20px 5px 0 10px; float: left}
.wsItem .sort .sortSub a{ display: block; float: left; margin-right: 20px; height: 100%; line-height: 20px; font-size: 12px;}
.wsItem .sort .sortSub a:hover{ color: #000 !important}
.wsItem .sort .sortSub a.current{ color: #1480cc}

.wsItem .sort .sortJtabs{ position: absolute; right: 20px; top:50%; margin-top: -13px; width: 60px; height: 26px}
.wsItem .sort .sortJtabs a{ display: inline-block; width: 30px; height: 26px; float: left;background: url("../img/icon-sort.png") center}
.wsItem .sort .sortJtabs .ver{  background-position: 0 26px}
.wsItem .sort .sortJtabs .ver.current{ background-position: 30px 26px}
.wsItem .sort .sortJtabs .hor{ background-position: 0 0}
.wsItem .sort .sortJtabs .hor.current{  background-position: 30px 0}

/*课程列表*/
.courseList{ padding: 20px 20px 0}
.courseList ul{ width: 1200px;overflow: hidden}
.courseList li{ position: relative; z-index: 0; display:inline-block; float:left;height: 190px; width: 180px; margin-right: 20px}
.courseList li .img{ width: 180px; height: 120px; overflow: hidden}
.courseList li .img a{ position: relative; display: block;width: 100%; height: 100%}
.courseList li .img img{ position: relative; display: block;width: 180px; height: 120px;transition: all .3s}
.courseList li .img .subMask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .3; filter: alpha(opacity=30); z-index: 0}
.courseList li .img .playIcon{ position: absolute; top: 50%; left: 50%; z-index: 6; opacity: 0; margin: -30px 0 0 -30px; width: 60px; height: 60px; background: url(../img/play-icon1.png) no-repeat; filter: alpha(opacity=0); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5)}
.courseList li .img a:hover img{transform: scale(1.1); transition: all .3s}
.courseList li .img a:hover .subMask{ display: block; z-index: 5}
.courseList li .img a:hover .playIcon{ z-index:6; opacity: 1;filter:alpha(opacity=100); transform: scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1)}
.courseList li .img .btnDel{ position: absolute; right: 5px; top:6px; z-index: 7; border-radius: 3px; display: block; height: 20px; line-height: 20px; padding: 0 5px; font-size: 12px; color: #fff; background: rgba(0,0,0,.5); display: none}
.courseList li .img .btnDel:hover{ font-weight: bold}
/*.courseList .img .icon-new{ position: absolute; right: 0; top:0; z-index: 2; font-family: 'Arial'; display: inline-block; width: 40px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; color: #fff; background: #f60; border-radius: 0 0 0 5px}*/

.courseList li .noPlay .subMask{ display: none}
.courseList li .noPlay .playIcon{ display: none!important;}
.courseList li .noPlay a:hover img{ transform: scale(1)}
.courseList li .noPlay a:hover .subMask{ display: none}

.courseList li .footer{ position: absolute; right: 0;top:95px; z-index: 20; height: 25px; width: 100px;}
.courseList li .footer .mask{ width: 100px; height: 25px}
.courseList li .footer .num{ position: absolute; right: 0; top:0; width: 90px; padding-right: 10px; font-size: 12px; height: 25px; line-height: 25px; color: #fff; text-align: right}
.courseList li .title a{ display: block; height: 30px; line-height: 36px; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.courseList li .subTit a{ display: block; font-size: 12px; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.courseList li .subTit a:visited{ color: #999}
.courseList li .subTit a:hover{ color: #333}
.courseList .ulBox{ width: 1180px; overflow: hidden}
.courseList .courseBig .fl{ position: relative; width: 380px; height: 380px; margin-right: 20px}
.courseList .courseBig .fl .img,.courseList .courseBig .fl img{ display: block; width: 380px; height: 310px; overflow: hidden; transition: all .3s}
.courseList .courseBig .fl .img a{ position: relative; display: block; width: 100%; height: 100%}

.courseList .courseBig .fl .img .subMask{ position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .3; filter: alpha(opacity=30); z-index: 0}
.courseList .courseBig .fl .img .playIcon{ position: absolute; top: 50%; left: 50%; z-index: 6; margin: -30px 0 0 -30px; width: 60px; height: 60px; background: url(../img/play-icon1.png) no-repeat; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5)}
.courseList .courseBig .fl .img a:hover img{transform: scale(1.1); transition: all .3s}
.courseList .courseBig .fl .img a:hover .subMask{ display: block; z-index: 5}
.courseList .courseBig .fl .img a:hover .playIcon{ opacity: 1; filter:alpha(opacity=100);transform: scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1)}

.courseList .courseBig .ulBox{ width: 780px}
.courseList .courseBig ul{ width: 800px}
.courseList .courseBig .fl .footer{ position: absolute; right: 0;top:285px; z-index: 20; height: 25px; width: 100px}
.courseList .courseBig .fl .footer .mask{ width: 100px; height: 25px}
.courseList .courseBig .fl .footer .num{ position: absolute; right: 0; top:0; width: 90px; padding-right: 10px; font-size: 12px; height: 25px; line-height: 25px; color: #fff; text-align: right}
.courseList .courseBig .fl .title a{ display: block; height: 30px; line-height: 36px; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.courseList .courseBig .fl .subTit a{ display: block; font-size: 12px; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.courseList .courseBig .fl .subTit a:visited{ color: #999}
.courseList .courseBig .fl .subTit a:hover{ color: #333}

.courseList .img em.courseType{ position: absolute;right: 0px; top:0px; z-index: 5; color: #fff;  display: inline-block; font-size: 12px; height: 18px; line-height: 18px; padding: 0 5px; border-radius: 0 0 0 5px}
.courseList .img em.courseT-Grey{ background: rgba(33,33,33,.6)}
.courseList .img em.courseT-green{ background: #009e96}
.courseList .img em.courseT-new{ background:#f60 }
.courseListVer dt em.courseType{ position: absolute;right: 0px; top:0px; z-index: 5; color: #fff;  display: inline-block; font-size: 12px; height: 18px; line-height: 18px; padding: 0 5px; border-radius: 0 0 0 5px}
.courseListVer dt em.courseT-Grey{ background: rgba(33,33,33,.6)}
.courseListVer dt em.courseT-green{ background: #009e96}
.courseListVer dt em.courseT-new{ background:#f60 }

/*视频列表*/
.videoList li{ padding-top: 20px; height: 170px}
.videoList .photo{ position: absolute; left: 5px; top:0; z-index: 10; display: inline-block; width: 36px; height: 36px; border:2px solid #fff; border-radius: 50%}
.videoList li .subTit{ position: absolute; left: 48px; top:0; line-height: 140%; color: #999; font-size: 12px}
.videoList li .title{ display: block;}
.videoList li .footer{ top:115px}

/*竖向课程列表*/
.courseListVer{ padding: 0 20px; overflow: hidden}
.courseListVer dl{ position: relative; min-height:140px;padding: 20px 0 20px 230px; border-bottom:1px solid #f1f2f3; margin-bottom: -1px}
.courseListVer dt{ position: absolute; left: 0; top:20px; width: 210px; height: 140px}
.courseListVer dt img{ display: block; width: 210px; height: 140px}
.courseListVer dd h3{ height: 30px; line-height: 30px; font-size: 16px}
.courseListVer dd h3 a{ float: none; margin: 0; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.courseListVer dd p.info{ font-size: 12px; color: #999}
.courseListVer dd .light-gray333{ margin-right: 30px}
.courseListVer dd .light-gray333 a{ float: none}
.courseListVer dd .light-gray333 a:hover{ color: #1480cc}
.courseListVer dd .desc{ position: relative; margin-top: 5px; height: 42px; line-height: 20px; overflow: hidden; padding-left: 40px; font-size: 12px}
.courseListVer dd .light-gray{ position: absolute; left: 0; top:0}
.courseListVer dd .btns{ position: relative; top:8px; overflow: hidden}
.courseListVer dd a{ margin: 0 5px 5px 0; float: left}
.courseListVer dd .btns a.more{ display: none}
.courseListVer dd .showMore a.more{ display: block}

.userMsg{ padding: 0 20px; overflow: hidden}
.userMsgList dl{ position: relative; min-height:60px;padding: 20px 0 20px 75px; border-bottom:1px solid #f1f2f3; margin-bottom: -1px}
.userMsgList dt{ position: absolute; left: 0; top:20px; width: 60px; height: 60px}
.userMsgList dt.t1{ top:10px}
.userMsgList dt img{ display: block; width: 60px; height: 60px; border-radius: 50%}
.userMsgList dd h3{ font-size: 12px; color: #999; font-weight: normal}
.userMsgList dd h3 .fr{ font-size: 12px; color: #1480cc; opacity: .5}
.userMsgList dd h3 .fr:hover{ opacity: 1}
.userMsgList dd p a{ color: #1480cc}

/*老师列表*/
.teacherList{ padding: 20px 20px 0}
.teacherList .ulBox{ width: 1180px; overflow: hidden}
.teacherList ul{ width: 1200px; overflow: hidden}
.teacherList li{ position: relative; margin:0 20px 20px 0; padding-left: 115px; float: left; width: 265px; height: 100px}
.teacherList li .img{ position: absolute; left: 0; top:0; width: 100px; height: 100px;}
.teacherList li .img img{ display: block; width: 100%; height: 100%}
.teacherList li h3 em{ font-weight: normal}
.teacherList li h3 .name{ margin-right: 8px}
.teacherList li p{ line-height: 18px; max-height: 75px; overflow: hidden; font-size: 12px; color: #999}
.teacherList li .taps{ padding-top: 5px}
.teacherList li .taps a{ display: block; height: 25px; line-height: 25px; padding-left: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 12px;margin-top: 0; background: url("../img/icon-right-blue.png") left center no-repeat}

.teacherList2{ padding-top:0}
.teacherList2 li{ margin: 20px 20px 0 0; height: 185px; overflow: hidden}
.teacherList2 .ulBox{ border-bottom: 1px solid #f1f2f3; margin-bottom: -1px}
.schoolResource li .img{ width: 98px; height: 98px; border:1px solid #eee}

.teacherRecmd{ padding: 20px; height: 280px; overflow: hidden}
.teacherRecmd .fl{ position: relative; width: 280px; height: 280px; margin-right: 20px; overflow: hidden}
.teacherRecmd .fl .img{ width: 280px; height: 280px; text-align: center}
.teacherRecmd .fl .img img{ display: block; width: 280px; height: 280px}
.teacherRecmd .fl .foot{ display:none;z-index: 2; position: absolute; left: 0; bottom:0; width: 280px; height: 90px; color: #fff}
.teacherRecmd .fl .foot .name{ position: absolute; top:10px; left: 0; z-index: 2; text-align: left; font-weight: bold; line-height: 25px; width: 260px; padding: 0 10px}
.teacherRecmd .fl .foot .desc{ position: absolute; top:37px; left: 0; z-index: 2; text-align:left;font-size: 12px; line-height: 20px; height: 40px; width: 260px; padding: 0 10px; overflow: hidden}
.teacherRecmd .fl .maskLay{ z-index: 1; position: absolute; left: 0; bottom:0; width: 280px; height: 90px;background-color:#000; opacity:.8;filter: alpha(opacity=80) }
.teacherRecmd .fr{ width: 880px; height: 280px; overflow: hidden}
.teacherRecmd .fr ul{ width: 900px; height: 300px}
.teacherRecmd .fr li{ position: relative; float: left; width: 130px; height: 130px; margin: 0 20px 20px 0}
.teacherRecmd .fr li .img{ width: 130px; height: 130px; text-align: center}
.teacherRecmd .fr li .img img{ display: block; width: 130px; height: 130px}
.teacherRecmd .fr li .foot{ display:none;position: absolute;  z-index: 1; left: 0; bottom:0; height: 30px; width: 130px; text-align: left}
.teacherRecmd .fr li .foot .name{ position: absolute; left: 0; top:0; z-index: 3; width: 110px; height: 30px; padding: 0 10px; line-height: 30px; color: #fff; font-weight: bold}
.teacherRecmd .fr li .maskLay{position: absolute;  z-index: 2; left: 0; bottom:0; height: 30px; width: 130px; background-color:#000; opacity:.8;filter: alpha(opacity=80)}
/*.teacherRecmd .img:hover .foot{ display: block }*/

/*合作单位*/
.officeSlider{ height:140px; padding-top:20px;position:relative; background: #fff}
.officeSlider .office_pic_lists{float:left;width:8888px;height:140px;overflow:hidden;position:absolute;top:0px;left:0}
.officeSlider .btn_change{width:20px;height:40px;position:absolute;text-indent:-9999px;cursor:pointer; display: none}
.officeSlider .left_btn_start{ background: url('../img/leftstart.png') no-repeat;top:45px;left:0; cursor: pointer}
.officeSlider .right_btn_start{background:url('../img/rightstart.png') no-repeat;top:45px;right:0px;cursor: pointer}
.officeSlider .office_pic_content{overflow:hidden;height:140px;width:1180px;position:relative;margin:0 auto}
.officeSlider .office_pic_content li{float:left;width:180px;height:140px;text-align:center;margin:0 0 0 20px;position:relative}
.officeSlider .office_pic_content li p{height:30px;line-height:30px;color:#999; font-size:12px;text-align:center}
.officeSlider .office_pic_content li a img{width:178px;height:88px; border:1px solid #eee}
.officeSlider .office_pic_content li a{ cursor: default}
.officeSlider .office_pic_content li a:hover p{ color:#999}
.officeSlider .office_pic_content li:first-child{ margin-left: 0}
.officeSlider .highlight_tip{height: 8px; line-height: 8px; position: absolute; top:-35px; right: 30px}
.officeSlider .highlight_tip span{ display: inline-block; width:8px; height:8px; background: #ccc; margin-left: 8px}
.officeSlider .highlight_tip span.current{ background: #1480cc }

/*专家*/
.tchBg1{ padding-top: 150px; background:#333545 url("../img/teacherBg1.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg2{ padding-top: 150px; background:#232323 url("../img/teacherBg2.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg3{ padding-top: 150px; background:#1a1917 url("../img/teacherBg3.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg4{ padding-top: 150px; background:#293323 url("../img/teacherBg4.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg5{ padding-top: 150px; background:#4b3f1b url("../img/teacherBg5.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg6{ padding-top: 150px; background:#192939 url("../img/teacherBg6.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg7{ padding-top: 150px; background:#aeac9a url("../img/teacherBg7.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg8{ padding-top: 150px; background:#011722 url("../img/teacherBg8.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg9{ padding-top: 150px; background:#3d421c url("../img/teacherBg9.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg10{ padding-top: 150px; background:#938988 url("../img/teacherBg10.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg11{ padding-top: 150px; background:#42342c url("../img/teacherBg11.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg12{ padding-top: 150px; background:#1e2b0f url("../img/teacherBg12.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg13{ padding-top: 150px; background:#011722 url("../img/teacherBg13.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg14{ padding-top: 150px; background:#171008 url("../img/teacherBg14.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg15{ padding-top: 150px; background:#8fb8b9 url("../img/teacherBg15.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.teacherInfo{ position: relative; padding: 0 160px 20px 140px; background: #fff; margin-bottom: 20px}
.teacherInfo img{ position: absolute; top:-45px;left: 15px; display: block;width: 100px; height: 100px;border:5px solid #fff}
.teacherInfo h3{ height: 40px; line-height: 40px; font-size: 24px; font-weight: normal}
.teacherInfo h3 em{ font-size: 18px}
.teacherInfo .desc p{font-size: 12px; color: #999; float: left}
.teacherInfo .rtInfo{ width: 70px; position: absolute; right: 10px; top:10px}
.teacherInfo .rtInfo strong{ display: block; height: 30px; line-height: 30px; color: #333; font-weight: normal; text-align: center; font-size: 18px; font-family: 'Arial'}
.teacherInfo .rtInfo p{ text-align: center}
.teacherInfo .courseNum{ right:80px }

/*专题课程*/
.proCourse{ padding-top:20px;/* background: #ffb61c*/}
.proCourse .topBanner img{ display: block; width: 1220px; height: 400px; margin: 0 auto}
.proCourse .topBanner .info{ position: relative; padding: 20px 70px; line-height: 30px; background: #fff; ba}
.proCourse .topBanner .info i{ position: absolute; top:20px; display: block; width: 24px; height: 24px; background-size: 24px}
.proCourse .topBanner .info i.qut-l{ background:url("../img/icon-qutLeft.png") center  no-repeat; left: 30px}
.proCourse .topBanner .info i.qut-r{ background:url("../img/icon-qutRight.png") center  no-repeat; right: 30px}

.proList li{ width: 380px; height: 175px}
.proList li .img{ width: 380px; height: 125px}
.proList li .img img{ display: block; width: 380px; height: 125px}
.proList li .img a:hover img{ display: block; width: 380px; height: 125px; transform: scale(1)}
.proList li .subTit{ display: block; height: 35px; line-height: 35px; text-align: center}

.entArea .entItem{position: relative; margin-top: 20px}
.entArea .entItem .endTag{position: absolute;top:20px; right: 20px; z-index: 2; display: block; width: 195px; height: 149px; background: url("../img/icon-end.png") no-repeat}
.entArea .entItem img{ display: block; margin: 0 auto}
.entArea .entItem .info{ background: #fff; padding: 15px 20px}
.entArea .entItem .info h3{ line-height: 30px; font-size: 18px; font-weight: normal}
.entArea .entItem .info p{ font-size: 14px; color: #999}

/*关于我们*/
.tpBanner{ height: 150px; background-size: auto 150px; background-position: center}
/*.tpBanner img{ display: block}*/
.lMenu{ width: 200px; float: left}
.lMenu ul{ width: 110px; float: left; overflow: hidden}
.lMenu li{ height: 39px; border-bottom: 1px solid #eee; margin-bottom: -1px}
.lMenu li a{ display: block; height:39px; line-height:39px}
.lMenu li a:hover{ color: #1480cc}
.rContent{ padding-left: 200px}
.rContent .tit{ font-size: 24px; font-weight: normal; line-height: 50px}
.rContent .subTit{ line-height: 40px}
.rContent p{ padding: 10px 0; line-height: 25px; text-indent: 2rem}
.rContent .img{ display: block; width: 100%; height: auto; margin: 10px auto}

/*登录页*/
.loginWrap{ padding-bottom: 0!important; height: 440px; background: url("../img/loginBg.jpg") center no-repeat; background-size: auto 440px}
.loginWrap .loginPanel{width: 360px; height: 360px; float: right; margin-top: 40px; background: #fff}
.loginWrap .loginPanel .jTabs{ height: 50px; overflow: hidden}
.loginWrap .loginPanel .jTabs a{ display: block; width: 50%; height: 50px; line-height: 50px; float: left; font-size: 16px; color: #666; background: #ededed; text-align: center; cursor: pointer}
.loginWrap .loginPanel .jTabs a.current{ background: #fff; color: #1480cc; border:0; outline: 0}

.loginPanel .in{ padding: 20px 20px 0}
.loginPanel .tips,.loginPanel .err { margin-bottom: 15px; height: 20px; line-height: 20px; font-size: 12px; padding-left: 40px; color: #666; border:1px solid #f6c090; font-weight: normal; font-family: 'simsun'; border-radius: 2.5px; background: #fef4e5 url(../img/icon-tips.png) 15px center no-repeat}
.loginPanel .err{ color: #e4393c; border:1px solid #faccc6; font-weight: normal; font-family: 'simsun'; border-radius: 2.5px; background: #ffebeb url(../img/icon-err.png) 10px center no-repeat}
.loginPanel .iptItem{ position: relative; line-height: 38px; margin-bottom: 15px; height: 38px; padding-left:50px; border:1px solid #ddd; border-radius: 2.5px}
.loginPanel .iptItem input{ display: inline-block; height: 28px;line-height: 28px; border:0; vertical-align: middle; padding: 0; outline: 0; width: 250px}
.loginPanel .iptItem i{ position: absolute; left: 0; top:0; display: inline-block; width: 40px; height: 38px; border-radius: 2.5px 0 0 2.5px}
.loginPanel .iptItem i.icon-user{ background:#f3f3f3 url("../img/icon-usr.png") center no-repeat}
.loginPanel .iptItem i.icon-pwd{ background:#f3f3f3 url("../img/icon-pwd.png") center no-repeat}
.loginPanel .iptItem i.icon-card{ background:#f3f3f3 url("../img/icon-card.png") center no-repeat}
.loginPanel .iptItem i.icon-lib{ background:#f3f3f3 url("../img/icon-lib.png") center no-repeat}
.loginPanel .lgBtn{ margin: 15px auto 20px}
.loginPanel .readCer .iptItem{ margin-bottom: 13px}
.loginPanel .readCer .lgBtn{ margin-top: 13px}

.loginPanel .foot{ padding: 14px 20px; height: 20px; line-height: 20px; border-top:1px solid #eee}
.loginPanel .foot ul{ height: 20px; overflow: hidden}
.loginPanel .foot li{ float: left; height: 20px; font-size: 12px; font-style: normal; background: url("../img/icon-line.png") right center no-repeat}
.loginPanel .foot li a{position: relative; display:inline-block;color: #666;padding: 0 25px 0 45px;}
.loginPanel .foot li a:hover{position: relative;color: #333}
.loginPanel .foot li a:visited{ color: #666}
.loginPanel .foot li a.qq{ padding-left: 25px}
.loginPanel .foot li a.wb{ padding-right: 0}
.loginPanel .foot li a i{ display: inline-block; width:18px; height: 18px; position: absolute; left: 15px; top:50%; margin-top: -9px; background-size: 18px}
.loginPanel .foot li a.qq i{ background: url("../img/icon-qq.png") center no-repeat}
.loginPanel .foot li a.wx i{ background: url("../img/icon-wx.png") center no-repeat}
.loginPanel .foot li a.wb i{ background: url("../img/icon-wb.png") center no-repeat}
.loginPanel .foot li a.qq i{ left: 0}

.loginPanel .foot .fr,.loginPanel .foot .fr:visited{ color: #244ea4}
.loginPanel .foot .fr:hover{color: #1d3e83}
.loginPanel .wSelect{ width: 255px; border:0}
.loginPanel .wSelect ul{ width: 268px}
.loginPanel .wSelect i.icon-down{ display: block; width: 9px; height: 5px; background: url("../img/icon-down.png") center no-repeat; position: absolute; right: 0; top: 50%; left: auto; margin-top: -3px; z-index: 301;filter: alpha(opacity=60); opacity:.6 }
.loginPanel .wSelect cite{ width: 240px; overflow: hidden; padding-left: 0}

/*高级检索*/
.advanceSch{ background: #fff}
.advanceSch .tit{position: relative; height: 60px; line-height: 60px; font-family: 'Microsoft YaHei'; font-size: 24px; font-weight: bold; padding: 0 20px; border-bottom: 1px solid #f1f2f3;}
.advanceSch .tit .titImg { display: inline-block; margin-top: -3px; vertical-align: middle; margin-right: 10px}
.advanceSch .schItem{ padding: 20px 30px 0; overflow: hidden}
.advanceSch .schItem h4{height: 30px; margin-bottom: 20px; background: #f6f6f6;line-height: 30px;text-indent: 15px}
.advanceSch .stm,.advanceSch .extendSh,.advanceSch .cfySch{ padding-left: 30px}
.advanceSch .stm li{ height: 25px; line-height: 25px; padding: 10px 0px}
.advanceSch .sel1{ width: 58px; height: 23px; line-height: 23px; border:1px solid #ccc; margin-right: 5px; font-size: 12px}
.advanceSch .sel2{  width: 148px; height: 23px; line-height: 23px; border: solid 1px #ccc; margin-right: 5px; font-size: 12px}
.advanceSch .extendSh{ font-size: 12px}
.advanceSch .iptText{width: 228px; padding: 0 5px; height: 23px; line-height: 22px; border: solid 1px #ccc; margin-right: 5px;}
.advanceSch .iptTime{width: 110px; padding: 0 5px; height: 23px; line-height: 22px; border: solid 1px #ccc; margin-right: 5px;}
.advanceSch .cfySch label{ display: inline-block; width: 130px; height: 20px; line-height: 20px; padding:5px 30px 5px 0;float: left; font-size: 12px}
.advanceSch .btns{ text-align: center; height: 100px; line-height: 100px; border-top:1px solid #eee; margin-top: 30px}

/*播放页*/
.playBox{ width: 1220px; height: 575px; background: #181818} /*height:575px*/
.playBox .videoBox{ width: 870px; height: 525px}

.vdoRight{ width: 330px; padding-left: 20px; height: 525px}
.vdoRight .vdoTabs{ height:45px; line-height: 45px; overflow: hidden; border-bottom:1px solid #343434}
.vdoRight .vdoTabs a{ height: 45px; line-height: 45px; display: block; outline: none; padding:0 5px; margin-right: 20px; float: left; color: #fff}
.vdoRight .vdoTabs a.current{ position: relative; height: 44px; line-height: 45px; border-bottom: 2px solid #1480cc}
.vdoRight .vdoPanels{ padding-right: 20px; max-height: 460px; overflow-y: auto }
.vdoRight .vdoPanels .tit{ padding: 10px 0; color: #fff; font-weight: normal; font-size: 12px; font-family: 'SimSun'}
.vdoRight .intro .tit{ padding: 10px 0 3px}
.vdoRight .intro p{ font-size: 12px; color: #999;font-family: 'SimSun'; text-indent: 2em; padding: 5px 0}
.vdoRight .selCourse .tit{ position: relative; padding-right: 50px}
.vdoRight .selCourse .tit em{ position: absolute; right: 0; top:10px; color: #999}
.vdoRight .selCourse ul,.vdoRight .parag ul{ background: #212121; font-family: 'SimSun'}
.vdoRight .selCourse li a,.vdoRight .parag a{ display: block; padding:6px 10px; line-height:20px;border-bottom: 1px solid #1c1c1c; color: #999}
.vdoRight .selCourse li.current a{ color: #fff; background: #1480cc}
.vdoRight .selCourse li a:hover{color: #ccc; background: #262626}
.vdoRight .author .user{ padding: 20px 0 20px 60px; position: relative; border-bottom: 1px solid #343434; margin-bottom: 20px}
.vdoRight .author .user img{ display: block; width: 50px; height: 50px; border-radius: 50%; position: absolute; left: 0; top:20px}
.vdoRight .author .user h3,.vdoRight .author .user h3 a{ font-size: 14px; height: 25px; line-height: 25px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.vdoRight .author .user h3 a:hover{ color: #1480cc}
.vdoRight .author .user p{ font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis}
.vdoRight .author .vdo li{ position: relative; height: 66px; padding-left: 110px; margin-bottom: 10px; overflow: hidden}
.vdoRight .author .vdo li img{position: absolute; left: 0; top:0; display: block; width: 99px; height: 66px}
.vdoRight .author .vdo li .desc a{ font-size: 12px; color: #999}
.vdoRight .author .vdo li:hover a{ color: #fff}

.vdoComment{ position: relative; z-index: 18; background: #313131; height: 30px; padding: 10px 20px 10px 10px}
.vdoComment .commentBox{position: relative; float: left; width: 860px; height: 30px}
.vdoComment .commentBox .txtArea{position: relative; z-index: 10; width:740px; padding-right: 50px; height: 30px; line-height: 30px; background: #444}
.vdoComment .commentBox .txtArea textarea{ position: absolute; z-index: 11; left: 0; top:0; display: block; width: 730px; height: 50px; line-height: 20px; padding: 5px 0 5px 10px; font-size: 12px; border:0; border:none;background: none; overflow: hidden}
.vdoComment .commentBox .subBtn{ position: absolute; right: 0; top:0; display: block; width: 70px; height: 30px; line-height: 30px; text-align: center; background: #1480cc; color: #fff}

.vdoComment .commentBox .time{display: none; position:absolute; left:20px; top:20px; z-index:10;font-family: 'Arial'; position: absolute; left: 5px; top:0; z-index: 14; font-size: 14px; color: #767676; height: 30px; line-height: 30px; padding: 0 5px;}
.vdoComment .commentBox .private{ position: absolute; z-index: 20; right: 80px; top:0; height: 30px;line-height: 30px; font-size: 12px; color: #999}
.vdoComment .onFocus .txtArea{ background: #fff; height: 60px; box-shadow: 0 10px 20px rgba(0,0,0,.4)}
.vdoComment .onFocus .txtArea textarea{ padding-left: 70px; width: 665px}
.vdoComment .onFocus .private{ display: block}
.vdoComment .onFocus .time{ display: block}

.vdoComment .commentAlt{ width:400px; height: 400px; position: absolute;bottom:102.5px; left: 20px; z-index: 20; overflow: hidden}
.vdoComment .commentAlt ul{position: absolute; z-index: 21; bottom:0}
.vdoComment .commentAlt li{ position:relative;width: 35px; height: 35px; padding: 7.5px 0}
.vdoComment .commentAlt li .colBg{ transition: all .3s; position: absolute; top:50%; margin-top: -10px; left: 0; z-index: 23; height: 20px; width: 0; border-radius: 25px; background: rgba(255,255,255,.1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff)}
.vdoComment .commentAlt li .text{ transition: all .3s; display: none; width: 0; text-indent: 70px; padding-right: 10px; height: 35px; line-height: 35px; font-size: 12px; color: #fff; text-overflow: ellipsis; overflow: hidden;  white-space: nowrap;background: rgba(0,0,0,.5); border-radius: 25px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)}
.vdoComment .commentAlt li .icon-note{ position: absolute; left: 0; top:50%; margin-top: -17.5px; z-index: 25; display: block; width: 31px; height: 31px; background: url("../img/icon-note1.png") center no-repeat; background-size: 31px; border:2px solid #fff; border-radius: 100%}
.vdoComment .commentAlt li .icon-record{ transition: all .3s; display: none; position: absolute; left: 40px; top:50%; margin-top: -5.5px; z-index: 25; width: 12px; height: 11px; background: url("../img/icon-record1.png") center no-repeat; background-size: 12px 11px}

.vdoComment .commentAlt li.showText{ width: auto}
.vdoComment .commentAlt li.showText .text{ display: block; width: 175px; animation:fnShowText .3s ease}
.vdoComment .commentAlt li.showText .colBg{ width: 60px; transition: all .3s}
.vdoComment .commentAlt li.showText .icon-record{ display: block; transition: all .3s}

.vdoComment .commentAlt li.showMoreText{ width: auto}
.vdoComment .commentAlt li.showMoreText .colBg{ width: 60px; background: #fff; transition: all .3s}
.vdoComment .commentAlt li.showMoreText .icon-record{ display: block; background: url("../img/icon-record2.png") center no-repeat; background-size: 12px 11px; transition: all .3s}
.vdoComment .commentAlt li.showMoreText .text{ display: block; width: 380px;animation:showMoreText .3s ease; transition: all .3s;background:rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)}

.vdoComment .commentAlt li.collected{ width: auto}
.vdoComment .commentAlt li.collected .colBg{ background: #fff}
.vdoComment .commentAlt li.collected .icon-record{  background: url("../img/icon-record2.png") no-repeat center}
.vdoComment .commentAlt li.collected .icon-note{ background: url("../img/icon-note2.png") center no-repeat; background-size: 31px;}

.vdoComment .commentAlt li.showLi{ animation:showHeight35 .6s ease}

@keyframes  fnShowText{ /*视频页面弹出评论时的动画*/
    from {width:35px}
    to {width:175px}
}
@keyframes  showMoreText{
    from {width:175px}
    to {width:380px}
}
@keyframes  showHeight35{
    from {height:0px; opacity: 0}
    to {height:35px; opacity: 1}
}


.vdoComment .cmtOperate{ height: 30px; float: right}
.vdoComment .cmtOperate li{ position: relative; float: left; height: 30px}
.vdoComment .cmtOperate li>a{ display: inline-block; height: 30px; line-height: 30px; padding-left: 20px; margin-left: 20px; color: #666}
.vdoComment .cmtOperate li a:visited{ color: #666}
.vdoComment .cmtOperate li a:hover{ color: #ccc}
.vdoComment .cmtOperate li.zan a{ background: url("../img/icon-zan.png") left center no-repeat}
.vdoComment .cmtOperate li.collect a{ background: url("../img/icon-collect.png") left center no-repeat}
.vdoComment .cmtOperate li.phone a{ background: url("../img/icon-tel.png") left center no-repeat}
.vdoComment .cmtOperate li.share a{ background: url("../img/icon-share.png") left center no-repeat}
.vdoComment .cmtOperate li.zan a:hover{ background: url("../img/icon-zan-hover.png") left center no-repeat}
.vdoComment .cmtOperate li.collect a:hover{ background: url("../img/icon-collect-hover.png") left center no-repeat}
.vdoComment .cmtOperate li.phone a:hover{ background: url("../img/icon-tel-hover.png") left center no-repeat}
.vdoComment .cmtOperate li.share a:hover{ background: url("../img/icon-share-hover.png") left center no-repeat}
.vdoComment .cmtOperate li.zan a.active{ background: url("../img/icon-zan-active.png") left center no-repeat}
.vdoComment .cmtOperate li.collect a.active{ background: url("../img/icon-collect-active.png") left center no-repeat}

.playMain .left{ width: 870px; float: left}
.playMain .right{ width: 330px; float: right; background: #fff}
.playMain .right .tit{ position: relative; height: 60px; font-family: 'Microsoft YaHei'; line-height: 60px; font-size: 24px; font-weight: bold; padding: 0 20px; border-bottom: 1px solid #f1f2f3}
.playMain .right .teacher dt{ display: block; width: 100px; height: 100px; position: absolute; left: 20px; top:20px}
.playMain .right .teacher dt img{ display: block; width: 100px; height: 100px}
.playMain .right .teacher dd h3{ line-height: 23px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: normal}
.playMain .right .teacher dd p{ font-size: 12px; color: #999; height: 75px; overflow: hidden; line-height: 145%}
.playMain .right .course{position: relative; padding-top:20px; border-bottom: 1px solid #f1f2f3}
.playMain .right .course dl{ position: relative; padding: 0 20px  20px 130px}
.playMain .right .course dl dt{display: block; width: 100px; height: 66px; position: absolute; left: 20px; top:0}
.playMain .right .course dl dt img{ display: block; width: 100px; height: 66px}
.playMain .right .course dd{ height: 66px; overflow: hidden}
.playMain .right .course dd h3{ line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: normal}
.playMain .right .course dd p{ font-size: 12px; color: #999}
.playMain .right .moreCourse{ display: block; height: 40px; font-size: 12px; color: #1480cc; line-height: 40px; text-align: center }
.playMain .right .moreCourse:hover{ color: #244ea4}

.playNote .noteTabs{ position: absolute; left:165px; top:0;  display: inline-block; height: 60px; line-height: 60px; font-weight: normal}
.playNote .noteTabs a{ display: block; float: left; padding: 0 3px; height: 57px;line-height: 58px; border-bottom:3px solid #fff; margin-right: 10px; font-size: 14px}
.playNote .noteTabs a.current{ color: #1480cc; border-bottom:3px solid #1480cc}
.playNote .noNote{ position: relative; height: 120px; line-height: 120px; text-align: center; color: #999}
.playNote .noNote i{ position: absolute; display: inline-block; width: 24px; height: 24px; background-size: 24px}
.playNote .noNote i.icon-qtl{ left: 320px;top:50%; margin-top: -12px; background: url("../img/icon-qutLeft.png") no-repeat}
.playNote .noNote i.icon-qtr{ right: 320px;top:50%; margin-top: -12px; background: url("../img/icon-qutRight.png") no-repeat}
.playNote .noteJpanels dl{ position: relative; padding: 20px 0 15px 115px; margin: 0 20px; font-family: 'Simsun'}
.playNote .noteJpanels dt{ position: absolute; left: 0; top:20px; width: 100px; height: 20px; line-height: 20px}
.playNote .noteJpanels dt a{ display: block; width: 75px; padding-left: 25px; height: 20px; line-height: 20px; font-size: 12px; background: url("../img/icon-playGrey.png") center no-repeat}
.playNote .noteJpanels dl:hover dt a{ background: url("../img/icon-playGreen.png") center no-repeat; color: #fff}

.playNote .noteJpanels .text{ line-height: 20px}
.playNote .noteJpanels .remark{font-size: 12px; color: #999; margin-top: 10px}
.playNote .noteJpanels .remark .del{ display: none; color: #999}
.playNote .noteJpanels .remark .coll{ display: none; padding-left: 16px; background: url("../img/icon-coll.png") left center no-repeat; color: #1480cc}
.playNote .noteJpanels dl:hover .del{ display: block}
.playNote .noteJpanels dl:hover .coll{ display:block}

.relationCour .ulBox{ width: 830px}
.relationCour .ulBox ul{ width: 850px}
.relationCour li{ width: 150px; height: 170px}
.relationCour li .img{ width: 150px; height: 100px; overflow: hidden}
.relationCour li .img img{ width: 150px; height:100px}
.relationCour li .footer{ top:75px}

/*弹层*/
.wAlert{ position:absolute; z-index:10;right:-70px;top:40px;padding: 0 20px 20px; border:1px solid #ddd; background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,.4)}
.wAlert .wAlt-up{ position: absolute; top:-9px; right: 38px; z-index: 11;  display: block; width: 18px; height: 9px; background: url("../img/icon-point.png") center no-repeat}
.wAlert h3{ position: relative; height: 40px; line-height: 40px; font-size: 12px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #f1f2f3; padding-right: 20px}
.wAlert h3 .close{ position: absolute; right: -5px; top:50%; margin-top: -10px; text-align: center; display: block;  width: 20px; height: 20px; line-height: 20px; font-size: 20px; font-style: normal; font-weight: normal; cursor: pointer; color: #999; background: none}

/*.wAlert-phone{ width: 410px; right: -88px}*/
.wAlert-phone{ width: 170px; right: -20px}
.wAlert-phone .fl{ width: 170px; height: 190px}
.wAlert-phone .fl h4,.wAlert-phone .fr h4{ height: 50px; line-height: 55px; text-align: center}
.wAlert-phone .fl .code{ display: block; width: 90px; height: 90px; margin: 0 auto}
.wAlert-phone .fl .desc,.wAlert-phone .fr .desc{ font-size: 12px; margin:10px auto 0; color: #999; text-align: center}

.wAlert-phone .fr{ width: 212px}
.wAlert-phone .fr h4{ height: 50px; line-height: 55px; text-align: center}
.wAlert-phone .fr a.downBtn{ display: block;width: 150px; height: 35px; line-height: 35px; text-align: center; color: #fff; margin:0 auto 10px; background: none}
.wAlert-phone .fr a.downBtnBlue,.wAlert-phone .fr a.downBtnBlue:hover{ background: #1480cc !important; color: #fff}
.wAlert-phone .fr a.downBtnGreen,.wAlert-phone .fr a.downBtnGreen:hover{ background: #5fb11e !important;color: #fff}
.wAlert-phone .fr .desc{ margin-top: 20px}

.wAlert-share{ right: -20px; width: 220px}
.wAlert-share ul{ width: 240px; height: 78px; border-bottom: 1px solid #f1f2f3}
.wAlert-share li{ float: left; margin-right: 22px; width: 38px; height: 78px !important; line-height: 78px}
.wAlert-share li a{ background: none !important; width: 38px; height: 38px !important; padding: 0 !important; margin: 0 !important;}
.wAlert-share .in{ width: 220px; overflow: hidden}
.wAlert-share .url p{ height: 38px; line-height: 45px; font-size: 12px; color: #999}
.wAlert-share .url input{ display: block; width: 210px; padding: 0 5px; font-size: 12px; height: 30px; line-height: 30px}
.wAlert-share .wAlt-up{ right: 30px}

/*个人中心*/
.userTop{ position: relative; padding-top: 250px}
.userTop .user{ position: relative; z-index: 1; height: 80px; padding: 0 20px 0 140px;}
.userTop .userBg{ position: absolute; left: 0; top:250px; width: 100%; z-index: 0; height: 80px;}
.userTop .user .photo{ position: absolute; top:-45px; left: 20px; display: block; width: 100px; height: 100px; border:5px solid #fff}
.userTop .user .fl h3{ height: 40px; line-height: 40px; font-size: 24px; color: #333; font-weight: normal}
.userTop .user .fl h3 .num{ font-size: 12px; color: #5bb22d; vertical-align: middle; margin-left: 25px; padding-left: 20px; background: url("../img/icon-bean.png") left center no-repeat}
.userTop .user .fl p{ font-size: 12px; color: #999}
.userTop .user .fr .sign{ display: block; float: left; margin: 25px 20px 0 0; width: 140px; height: 35px; line-height: 35px; font-weight: bold; text-indent: 40px; background: #5bb22d url("../img/icon-sign.png") 20px center no-repeat; color: #fff}
.userTop .user .fr .sign .beans{ font-size: 12px; color: #fff; opacity: .5; margin-left: 10px; vertical-align: middle}
.userTop .user .fr .popNum{ height: 60px; text-align: center; color: #999; font-size: 12px; margin-top: 10px; float: right; border-left: 1px solid #eee}
.userTop .user .fr .popNum em{ font-size: 18px; height: 35px; line-height: 35px; color: #333 !important; display: block; padding: 0 30px}

.userTop .user .videoPrize{ display: block; position: absolute; top:10px; right: 10px; width: 260px; height: 62px; background:url("../img/user-prize.png") center no-repeat}
.userTop .user .videoPrize .date{position: absolute; left: 15px; bottom:2px; font-size: 12px; color: #fff; font-family: 'Arial'; font-weight: bold }
.userTop .user .videoPrize .num{ position: absolute; display: block; right: 5px; top:50%; margin-top: -25px; height: 50px; line-height: 50px; padding: 0 20px; font-size: 30px; font-family: 'Arial'; background: #fff; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,.1)}
.userTop .user .videoPrize:hover .num,.userTop .user .videoPrize:active .num{ color: #333}

.userTop .userNav{ padding: 0 20px; height: 50px; border-bottom:1px solid #ccc; background: #fff}
.userTop .userNav a{ display: block; height: 50px; line-height: 50px; padding: 0 5px; line-height: 50px; margin-right: 30px; float: left}
.userTop .userNav a.current,.userTop .userNav a:hover{ line-height: 48px; color: #1480cc; height: 47px; position: relative; bottom: -1px; border-bottom:3px solid #1480cc }

.wsItem .tit2{ height: 50px; line-height: 50px; font-size: 12px; color: #999; padding: 0 20px; font-weight: normal}
.wsItem .tit2 .clearn{ color: #1480cc; opacity: .5}
.wsItem .tit2 .clearn:hover{ color: #1480cc; opacity: 1}
.viewHistory{ overflow: hidden; padding-bottom: 20px}
.viewHistory .items{ position: relative; margin: 0 20px 0 40px; width: 1000px; padding:0 0 20px 140px; border-left: 1px solid #eee}
.viewHistory .items ul{ width: 1000px; overflow: hidden}
.viewHistory .items li{  position: relative; z-index: 0; display: inline-block; float: left; height: 190px; width: 180px; margin-right: 20px;}
.viewHistory .items li .img{ width: 180px; height: 120px; overflow: hidden}
.viewHistory .items li .img a{ position: relative; display: block;width: 100%; height: 100%}
.viewHistory .items li .img img{ position: relative; display: block;width: 180px; height: 120px;transition: all .3s}
.viewHistory .items li .img .subMask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .3; filter: alpha(opacity=30); z-index: 0}
.viewHistory .items li .img .playIcon{ position: absolute; top: 50%; left: 50%; z-index: 6; opacity: 0; margin: -30px 0 0 -30px; width: 60px; height: 60px; background: url(../img/play-icon1.png) no-repeat; filter: alpha(opacity=0); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5)}
.viewHistory .items li .img a:hover img{transform: scale(1.1); transition: all .3s}
.viewHistory .items li .img a:hover .subMask{ display: block; z-index: 5}
.viewHistory .items li .img a:hover .playIcon{ z-index:6; opacity: 1;filter:alpha(opacity=100); transform: scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1)}

.viewHistory .items li .footer{ position: absolute; right: 0;top:95px; z-index: 20; height: 25px; width: 100px;}
.viewHistory .items li .footer .mask{ width: 100px; height: 25px}
.viewHistory .items li .footer .num{ position: absolute; right: 0; top:0; width: 90px; padding-right: 10px; font-size: 12px; height: 25px; line-height: 25px; color: #fff; text-align: right}
.viewHistory .items li .title a{ display: block; height: 30px; line-height: 36px; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.viewHistory .items li .subTit a{ display: block; font-size: 12px; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.viewHistory .items li .subTit a:visited{ color: #999}
.viewHistory .items li .subTit a:hover{ color: #333}

.viewHistory .hisType{position: absolute; left: -20px; top:0; background: #1480cc; text-indent: 10px; display: block; width: 150px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; font-weight: bold}

.userMenu{ width: 190px; float: left}
.userMenu li{  height: 50px; border-bottom:1px solid #eee}
.userMenu a{ display: block; width: 190px; height: 50px; line-height: 50px; font-size: 14px; text-indent: 20px; border-bottom:1px solid #eee}
.userMenu li.current a,.userMenu li:hover a{ color: #1480cc}
.userMain{ padding: 20px 30px 30px; width:969px; float: right; border-left: 1px solid #ddd; min-height: 200px; overflow: hidden}
.userMain .t{ line-height: 30px; font-size: 16px}
.userMain .infoL{ width: 768px; float: left}
.userMain .info .items{ padding: 5px 0 5px 100px; position: relative; overflow: hidden}
.userMain .info .items .txt{ position: absolute; left: 0; top:5px; width: 80px; text-align: right; height: 30px; line-height: 30px}
/*.userMain .info .items .boxW{ float: left; width: 300px; height: 28px; line-height: 28px}*/
.userMain .info .items .boxW{ float: left; width: 430px; height: 28px; line-height: 28px}
.userMain .info .items .boxW .iptSel{ display: inline-block; *display:inline; height: 28px; line-height: 28px}
.userMain .info .items .boxW select{ font-size: 12px; border:0; background: none}
.userMain .info .items .boxTa{ width: 430px; height: 60px;line-height: 30; border:1px solid #eee}
.userMain .info .items .boxTa textarea{ width: 420px; height: 52px; padding:4px 5px; border:0; overflow-y: auto}
.userMain .info .items .operateBtn{ height: 30px; line-height: 30px; float: left; margin-left: 10px; color: #1480cc}
.userMain .info .items .operateBtn:hover{ color:#1273b7}

.userMain .info .bwIpt{ border:1px solid #eee}
.userMain .info .bwIpt input{ width: 420px; height: 19px;  line-height: 20px; border:0; padding: 4px 5px}
.userMain .info .btns{ padding: 40px 0 0 100px; overflow: hidden}
.userMain .info .btnsPic{ padding:20px 0 0 130px}
.userMain .info .btnsPic a{ padding: 0 40px}
.userMain .info .spaceBgs a{ position: relative; z-index: 0; display: block; width: 220px; height: 80px; float: left; margin:0 30px 30px 0}
.userMain .info .spaceBgs a img{ display: block; width: 220px; height: 80px}
.userMain .info .spaceBgs a b{ display: none; transform: all .3s}

.userMain .info .spaceBgs a.active b{ position: absolute; z-index: 1; left: 0; top:0; display: block; width: 210px; height: 70px; border:5px solid #1480cc}
.userMain .info .btnsSpace{ padding: 30px 0 0 80px; overflow: hidden}
.userMain .infoR{ width: 200px; float: right}
.userMain .infoR .t{  line-height: 30px;font-size: 16px; margin-bottom: 10px}
.userMain .infoR p{  line-height: 20px;font-size: 12px; margin-bottom: 5px}

/*第三方绑定*/
.thirdBind{ padding: 20px 20px 20px 0; overflow: hidden}
.thirdBind .thirdTips{ margin-bottom: 20px; background: #fffbee; font-size: 12px; color: #999; text-align: left; line-height: 30px; padding: 0 20px; }
.thirdBind .thirdTips i{ width: 16px; height: 16px; margin-top: -2px; display: inline-block; vertical-align: middle; background: url('../img/sprite.png') no-repeat; background-position: -32px 0;margin-right: 10px;}
.thirdBind .thirdTips a{ color: #1480cc}
.thirdBind .thirdpart-list li{ position: relative; height: 100px; line-height: 100px; padding:  0 120px 0 80px}
.thirdBind .thirdpart-list li i{ display: block;width: 50px; height: 50px; position: absolute; left: 0; top:50%; margin-top: -25px;background: url('../img/sprite.png') no-repeat}
.thirdBind .thirdpart-list li.items-qq i{ background-position: 0 -245px}
.thirdBind .thirdpart-list li.items-wb i{ background-position: -100px -195px}
.thirdBind .thirdpart-list li.items-wx i{ background-position: 0 -195px}
.thirdBind .thirdpart-list li .wsBtnBlue{ position: absolute; right: 0; top:50%; margin-top: -17.5px}
.thirdBind .thirdpart-list .unbound{ position: absolute; right: 0; top:0; color: #444 }
.thirdBind .thirdpart-list .unbound a{ color: #1480cc}


.imgareaselect-border1 { background: url('../img/photoUp/border-v.gif') repeat-y left top}
.imgareaselect-border2 { background: url('../img/photoUp/border-h.gif') repeat-x left top}
.imgareaselect-border3 { background: url('../img/photoUp/border-v.gif') repeat-y right top}
.imgareaselect-border4 { background: url('../img/photoUp/border-h.gif') repeat-x left bottom}

/*上传头像*/
.imgareaselect-border1, .imgareaselect-border2,.imgareaselect-border3, .imgareaselect-border4 { filter: alpha(opacity=50); opacity: 0.5}
.imgareaselect-handle { background-color: #fff; border: solid 1px #000; filter: alpha(opacity=50); opacity: 0.5}
.imgareaselect-outer { background-color: #000; filter: alpha(opacity=50); opacity: 0.5}

.portrait_left{float: left; height: auto; width: 360px;}
#avatar{height: 360px}
.portrait_revolve{height: auto; padding-top: 15px; width: 360px; overflow: hidden; text-align: center}
.revol_left_txt{ height:25px; float: left; display: inline-block; padding: 0 5px;border-radius: 3px; line-height:25px; border:1px solid #d9d9d9; font-size:12px; color:#333}
.revol_right_txt{height:25px;float: right; display: inline-block; padding: 0 5px;border-radius: 3px;  line-height:25px; border:1px solid #d9d9d9; font-size:12px; color:#333}
.revol_left_txt:hover,.revol_right_txt:hover{ text-decoration: none}

.setup_but{padding: 20px 0}
.setup_but .ebtn{padding: 0 40px}
.baseinf_but1{background: url("../img/photoUp/secondary.gif") repeat scroll -194px -96px rgba(0, 0, 0, 0); border: medium none; color: #FFFFFF; font-size: 14px; font-weight: bold; height: 28px; line-height: 28px; margin-right: 22px; outline: medium none; width: 78px;}
.portrait_right{float: left; width: 130px; height: 360px; background: #f2f2f5; font-size: 12px; margin-left: 20px}
.portrait_right_bottom{color: #666666; height: 200px; width: 130px;}
.portrait1{height: 130px; width: 130px}
#img_big_preview{height: 100px; margin: 0 auto; width: 100px}
.img_preview img{margin: 0; position: relative;}
.portrait2{ height: auto; width: 130px; text-align: center}
#img_small_preview{height: 49px; margin: 0 auto; width: 49px;}
.img_preview{ overflow: hidden; position: relative; border-radius: 50%}
.portrait_right .views{ height: 50px; line-height: 60px; color: #333; text-align: center; font-size: 16px}
.portrait_right .size{ line-height: 35px; text-align: center; font-family: Arial}

.portrait_revolve .iptBox{ position: relative; display: inline-block; width: 80px; height: 25px; border:1px solid #ddd; border-radius: 3px}
.portrait_revolve .iptBox .iptFile{ position: absolute; left: 0; top:0; z-index: 2; display: block; width:100%; height: 100%; text-align: center; line-height: 25px; color: #333; font-size: 12px; text-decoration: none; background: #eee}
.portrait_revolve .iptBox .iptFile input{ display: inline-block; width:80px; height:25px;border: 0; background: none; opacity: 0; position: absolute; left: 0; top:0; z-index: 1}

/*.userNote{ padding-top: 20px}*/
.userNote h4.tit2{height:30px; line-height:55px;font-size: 12px; font-weight: normal;padding: 0 20px; color: #999}
.userNote dd p{ position: relative;padding: 5px 0 5px 30px}
.userNote dd a.icon-play{display: block; width: 20px; height: 20px; position: absolute; left: 0; top:3px; margin: 5px 0 5px 0; display: block; float: none;background: url("../img/icon-notePlay.png") center no-repeat}
.userNote dd a.icon-play:hover{ background: url("../img/icon-notePlay-active.png") center no-repeat}
.userNote dd a.icon-del{ display: none; font-size: 12px; color: #999; float: none; margin: 0}
.userNote dd p:hover a.icon-del{ display: inline-block}
.userNote dd p:hover a.icon-del:hover{ color: #0a7bcc; font-weight: bold}

/*注册页面*/
.registWrap{ }
.registWrap .registL{ padding-left: 165px; width: 530px; border-right: 1px solid #f7f7f7; float: left}
.registWrap .reglForms{ margin-top: 25px}
.registWrap .regTit{ line-height: 35px; font-size: 24px; font-weight: normal}
.reglForms li{ height: 90px; width: 450px; position: relative}
.reglForms li .ipt{ width: 448px; height: 48px; line-height: 48px; border:1px solid #ddd; border-radius: 2px}
.reglForms li label{ display: block; width: 115px; line-height: 48px; text-align: left; float: left; text-indent: 20px}
.reglForms li .ipt input{ width: 320px; height: 24px; line-height: 24px; padding: 10px 10px 10px 0; border:0 }
.reglForms li .disable,.reglForms li .disable input{ background: #f7f7f7}
.reglForms li.noTips{ height: 70px}
.reglForms li .tips{ position: absolute; left: 0; top:50px; padding-left: 25px; font-size: 12px; line-height: 35px; width: 425px; white-space: normal; text-overflow: ellipsis; overflow: hidden; color: #bfbfbf}
.reglForms li .tips-default{ background: url("../img/icon-tipDefault.png") 5px 7.5px no-repeat}
.reglForms li .tips-right{ color: #90b71b; background: url("../img/icon-tipRight.png") 5px 7.5px no-repeat}
.reglForms li .tips-error{ color: #ee2222; background: url("../img/icon-tipError.png") 5px 7.5px no-repeat}
.reglForms li.changeCer .tips{ width: 340px}
.reglForms li.changeCer .change{ position: absolute; right: 0; top:57px;line-height: 20px; color: #1480cc; font-size: 12px}
.reglForms li.changeCer .change:hover{ color: #1273b7}
.reglForms li.code input{ width:200px}
.reglForms li.code img,.reglForms li.code .getCode{ display:block;width: 120px; height: 38px; position: absolute; right: 6px; top:6px}
.reglForms li.code .getCode{ background: #1480cc; line-height: 38px; color: #fff; text-align: center; border:0; cursor:pointer}
.reglForms li.code .getCode:hover{ background: #1273b7; color: #fff}
.reglForms li.code .getCode-disabled{ background: #eee; color: #999; cursor: default}
.reglForms li.code .getCode-disabled:hover{ color: #999; background: #eee}
.registWrap .registL .agreen{ height: 30px; line-height: 30px; font-size: 12px}
.registWrap .registL .agreen a,.registWrap .registL .agreen a:visited{ color: #1480cc}
.registWrap .registL .agreen a:hover{ color: #1273b7}
.registWrap .registL .wsBtnRegin{ width: 410px; display: block; margin-top:20px}

.registWrap .registR{ width: 440px; padding-left: 84px; float: right}
.registWrap .registR .login{ display: block;  margin:20px 0; color:#1480cc; cursor: pointer}
.registWrap .registR .login:hover{ color:#1273b7 }

.thirdLogin .desc{ color: #999; font-size: 12px; margin-bottom: 10px}
.thirdLogin ul{ height: 20px; overflow: hidden}
.thirdLogin li{ float: left; height: 20px; font-size: 12px; font-style: normal; background: url("../img/icon-line.png") right center no-repeat}
.thirdLogin li a{position: relative; display:inline-block;color: #666;padding: 0 25px 0 45px;}
.thirdLogin li a:hover{position: relative;color: #333}
.thirdLogin li a:visited{ color: #666}
.thirdLogin li a.qq{ padding-left: 25px}
.thirdLogin li a.wb{ padding-right: 0}
.thirdLogin li a i{ display: inline-block; width:18px; height: 18px; position: absolute; left: 15px; top:50%; margin-top: -9px; background-size: 18px}
.thirdLogin li a.qq i{ background: url("../img/icon-qq.png") center no-repeat}
.thirdLogin li a.wx i{ background: url("../img/icon-wx.png") center no-repeat}
.thirdLogin li a.wb i{ background: url("../img/icon-wb.png") center no-repeat}
.thirdLogin li a.qq i{ left: 0}

.passwordStep{ border-left: 2px solid #ccc; margin-left: 8px}
.passwordStep li{ position: relative; padding-left: 15px; height: 14px; line-height: 14px; margin-bottom: 25px}
.passwordStep li .circle{ position: absolute; left: -8px; top:0; display: block; width: 10px; height: 10px; border:2px solid #ccc; border-radius: 50%; background: #fff}
.passwordStep li .point{ position: absolute; top:2px; left: 2px; display: block; width: 6px; height: 6px; border-radius: 50%; background: #eee}
.passwordStep li.covered{ color: #1273b7; font-weight: bold}
.passwordStep li.covered .point { background: #1273b7}

/*模态层*/
.modalLay{ position: fixed; left: 0; top:0; z-index: 999; width: 100%; height: 100%}
.modalLay .mask{ position: fixed; width: 100%; height: 100%; left: 0; top:0; z-index:1000; background: rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)}
.modalLay .modalContent{ padding: 10px 20px 30px; width: 600px; position: absolute; left: 50%; top:50%; z-index: 1000; margin-left: -320px; background: #fff}
.modalLay h4{ line-height: 20px; font-size: 16px; color: #333}
.modalLay .close{ position: absolute;right:10px; top:10px;z-index: 1001; font-size: 20px; color: #999; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; cursor: pointer}
.modalLay .modalImg{ display: block; margin: 65px auto 0}
.modalLay p{ padding-top: 25px; line-height: 25px; text-align: center; color: #333}
.modalLay .btns{ text-align: center; padding-top: 30px}
.modalLay .ebtn,.modalLay .ebtn-gray{ padding: 0 35px !important; margin-right: 10px}


/*静态页面*/
.staticPage{ height: 250px; padding-top: 230px; text-align: center}
.staticPage img{ display: block; margin: 0 auto 15px}
.staticPage a{ display: block; margin: 0 auto; color: #1480cc}
.staticPage a:hover{ color: #1273b7; font-weight: bold}

.classifyLst h3 { font-weight: normal}
.classifyLst h3 .searchOther{ font-size: 12px; color: #1480cc; float:right }

.wsItemLstVdo .sort{ padding-right: 20px}
.wsItemLstVdo .courseList li{ position: relative; padding-left: 140px; width: 240px; height: 80px; margin-bottom: 30px}
.wsItemLstVdo .courseList li .img ,.wsItemLstVdo .courseList li .img a ,.wsItemLstVdo .courseList li .img img{ width: 120px; height: 80px}
.wsItemLstVdo .courseList li .img { position: absolute; left: 0; top:0}
.wsItemLstVdo .courseList li .title a{ font-size: 16px; font-weight: bold}
.wsItemLstVdo .courseList li .subTit a{ display: inline; color: #333}
.wsItemLstVdo .courseList li .subTit a:hover{ color: #1480cc}
.wsItemLstVdo .courseList li .subTit{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.wsItemLstVdo .courseList li .img a:hover .playIcon{ z-index:6; opacity: 1;filter:alpha(opacity=100); transform: scale(.8); -webkit-transform:scale(.8); -moz-transform:scale(.8); -ms-transform:scale(.8); transform:scale(.8)}

/*看视频赢礼品播放页浮层*/
.vdoEntFixed{ position: fixed; width: 175px; height: 145px; right: 0; top:350px; z-index: 1000}
.vdoEntFixed .icon-close{ position: absolute; z-index: 1001; top:0; right: 0; display: block; width:20px; height: 20px; background: url("../img/icon-close-16.png") center no-repeat; background-size: 10px }
.vdoEntFixed img{ display: block; width: 175px; height: auto}

.adLink{ display: block; margin:0 auto}
.adLink img{ display: block; width:100%; height: auto;}

/*无内容状态*/
.nothing{ width: 100%; height: 200px; font-size: 16px; color: #666; line-height: 200px; text-align: center}
.none { display: none }