@charset "utf-8";
/**
 * Created by sxz on 17/7/12.
 */
body {font: 14px/1.8 Arial,Microsoft YaHei,SimSun,Verdana;-webkit-font-smoothing: antialiased !important; color: #333; background:#e8ebed}
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: #267cd9; text-decoration: none; transition: color .3s}

/*chrome滚动条*/
/*::-webkit-scrollbar { width: 3px; height: 3px; }
::-webkit-scrollbar-track-piece { background: #181818; -webkit-border-radius: 2px; }
::-webkit-scrollbar-thumb:vertical { height: 3px; background-color: #181818; -webkit-border-radius: 2px; }
::-webkit-scrollbar-thumb:horizontal { width: 3px; background-color: #181818; -webkit-border-radius: 2px; }*/

.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!important;}
.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 !important;}
.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}
.tal{ text-align: left !important;}
.tac{ text-align: center !important;}

.light-gray { color: #999 !important }/*灰色高亮*/
.light-gray333 { color: #333 !important}/*灰色高亮333*/
.light-red{ color: #cc0000 !important} /*红色高亮*/
.light-blue{ color:#267cd9 !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;}
.pdb0{ padding-bottom: 0 !important;}
.pdb10{ padding-bottom: 10px !important;}
.pdb20{ padding-bottom: 20px !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;}
.mgb0{ margin-bottom: 0 !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;}
.lt25{ line-height: 25px !important;}

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

.zyBtnGrey{ display: inline-block; height: 35px; line-height: 35px; padding: 0 20px; background: #eee; color: #333}
.zyBtnGrey:visited{ color: #333}
.zyBtnGrey:hover{ background:#226fc3; color: #fff; transition:  all .3s}

.zyBtnBlue{ display: inline-block; height: 30px; line-height: 30px;padding: 0 10px; font-size: 12px; background: #267cd9; color: #fff; text-align: center}
.zyBtnBlue:visited{color: #fff; transition:  all .3s}
.zyBtnBlue:hover{ background: #226fc3; color: #fff}
.zyBtnLogin{ font-size: 16px; display: inline-block; width: 100%; height: 40px; line-height: 40px; background: #267cd9; color: #fff; border-radius: 2.5px; text-align: center}
.zyBtnLogin:visited{color: #fff}
.zyBtnLogin:hover{ background: #226fc3; color: #fff; transition:  all .3s}
.zyBtnWhite{ display: inline-block; height: 28px; line-height: 28px;padding: 0 10px; border:1px solid #c9def5; background: #fff; font-size: 12px; color: #267cd9; text-align: center}
.zyBtnWhite:visited{color: #267cd9}
.zyBtnWhite:hover{ color: #267cd9; border:1px solid #267cd9; transition:  all .3s}
.zyBtnGreen{ display: inline-block; height: 30px; line-height: 30px;padding: 0 10px; font-size: 12px; background: #5bbb19; color: #fff; text-align: center}
.zyBtnGreen:visited{color: #fff; transition:  all .3s}
.zyBtnGreen:hover{ background: #4aac06; 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,0), rgba(247,247,247,.8));
    background:-webkit-linear-gradient(top, rgba(255,255,255,0), rgba(247,247,247,.8));
    background:-o-linear-gradient(top, rgba(255,255,255,0), rgba(247,247,247,.8));
    background:-ms-linear-gradient(top, rgba(255,255,255,0), rgba(247,247,247,.8));
    filter:alpha(opacity=0 finishopacity=.8 style=1 startx=0,starty=0,finishx=220,finishy=200) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#f7f7f7',endcolorstr='#f7f7f7',gradientType=0);
    -ms-filter:alpha(opacity=0 finishopacity=.8 style=1 startx=0,starty=0,finishx=220,finishy=200) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#f7f7f7',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 20px rgba(0,0,0,.1)}
.shadowL{ box-shadow: 0 5px 30px rgba(0,0,0,.4)}

/*Layout*/
#wrapper{ position: relative; z-index: 1; 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{ position: relative; z-index: 2}
#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{ padding-left: 10px; display:block;font-size: 12px; color: #999; cursor:pointer;font-style:normal}
#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:201; 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("/Content/img/sel-down.png") center no-repeat; background-size: 7px 4px; position: absolute; right: 0; top:50%; margin-top: -2px; z-index: 202;opacity:0.3;filter:alpha(opacity=30)}

#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("/Content/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("/Content/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: 203;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: 206; width: 100%; height: 3px; background: #fff}
#header .userLayer{ position: absolute;top:30px; left:-1px; z-index: 203; 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("/Content/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: #267cd9}
#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: #267cd9}
#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: 205;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: 206; width: 100%; height: 3px; background: #fff}
#header .historyLayer{ position: absolute;top:30px; right:-1px; z-index: 205; 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: #267cd9}
#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 .zySearch{ height: 100px; background: #fff }
#header .zySearch .inner{ height: 100px; position: relative}
#header .zySearch .logo{ position: absolute; left: 0; top:20px; display: block; width: 250px; height: 60px}
#header .zySearch .search{ width: 466px; height: 38px; position: absolute; left:50%; margin-left:-235px;top:50%; margin-top: -21px;border:2px solid #eee}
#header .zySearch .search .btn{position: absolute; right: 0; top:0; display: inline-block; font-size: 16px; font-family: 'Microsoft YaHei'; line-height: 38px; text-align: center; width: 70px; height: 38px; border-left: 1px solid #eee; background: #1480cc url("/Content/img/btnbg-h38.png") left top repeat-x}
#header .zySearch .search input{ position: absolute;  top:0; left: 0; width: 375px; height: 28px; line-height: 28px; padding: 5px 10px;border:0;}
#header .zySearch .schPanel{ position: absolute; top:38px; left: -2px; width: 448px; z-index: 180; 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 .zySearch .schPanel .historySch{ line-height: 25px; font-size: 12px; color: #999}
#header .zySearch .schPanel .advSearch{ display: block; line-height: 45px; text-align: center; color: #1480cc; font-size: 12px}
#header .zySearch .schPanel ul{ padding: 5px 0; border-bottom: 1px solid #eee}
#header .zySearch .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 .zySearch .schPanel li a:visited{color: #333}
#header .zySearch .schPanel li a:hover{color: #1480cc}
#header .zySearch .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 .zySearch .schPanel .noHistory{ height: 80px; line-height: 90px; font-size: 12px; text-align: center; color: #999; border-bottom: 1px solid #eee}
#header .zySearch .selB{ position: absolute; top:0; left: 0; width: 70px; height: 38px; line-height: 38px; border-right: 1px solid #eee}
#header .zySearch .selB select{ position: absolute; left: 0; top:0; display: inline-block; width: 70px; height: 38px; line-height: 38px; background: 0; border:0; outline: none; vertical-align: middle; color: #999}

#header .nav{ height: 40px; background: #fff}
#header .nav .inner{ position: relative; z-index: 100; height: 40px;}
#header .nav .navR{height: 40px; line-height: 40px; padding-left: 260px}
#header .nav .navR a{ vertical-align: middle; display: inline-block; padding: 0 14px; font-size: 16px; font-family: 'Microsoft YaHei'; font-weight: bold}
#header .nav .navR a.light{ font-weight: normal}
#header .nav .navR a.light-gray{ padding: 0}

#header .navL{  width: 250px; height: 100%; position: absolute; left: 0; top:0; z-index: 101; background: #267cd9; color: #fff}
#header .navL .total{ position: relative; display: block; width: 250px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-indent: 20px; font-family: 'Microsoft YaHei'}
#header .navL .total .icon-down{ position: absolute; top:15px; right: 20px; display:block; width: 14px; height: 10px; background: url("/Content/img/icon-down14.png") center no-repeat}
#header .navL .total .icon-up{ background: url("/Content/img/icon-up14.png") center no-repeat}
#header .navL em{ display: block; text-indent: 15px; line-height: 40px}

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

.headType2{  height: 90px; background: #fff}
.headType2 .inner{ height: 90px; width: 1220px; height: 90px;}
.headType2 .logo{float: left; display: inline-block; margin: 15px 30px 0px 0}
.headType2 .tTitle{ margin-top: 35px; float: left; padding-left: 30px; height: 40px; line-height: 50px; font-size: 24px; border-left: 1px solid #eee}
.headType2 .zyBtnBlue{ float: right; font-weight: bold; margin-top: 40px; padding: 0 25px}
.headType2 .logoTxt{ display: inline-block;  height: 30px; line-height: 30px; margin-top: 38px; font-size: 24px; color: #999; font-family: 'Microsoft YaHei'; vertical-align: middle }

#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: #267cd9}
#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}

.indexWrap{ position: relative; z-index: 1} /*wrpper内所有index都比150小*/
.indexWrap .iInner{ position: relative; z-index: 10; width: 1220px; top:20px; left: 50%; margin-left: -610px}
.indexWrap .indexBg{ position: absolute; width: 100%; height: 370px; overflow: hidden}
.indexWrap .indexBg .filt{ position: absolute; width: 2000px; height: 970px; left: 50%; margin-left: -1000px; top:-170px;-webkit-filter: blur(50px); -moz-filter: blur(50px); filter: blur(50px); opacity: .9; transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out; background: url("/Content/img/banner1.jpg")}
.indexWrap .indexBg .mask{ position: absolute; left: 0; bottom:0; width: 100%; height: 370px; background: url("/Content/img/filtMask.png") center bottom repeat-x}

/*slider*/
.feat-area {height: 400px; width: 1220px; position:relative; float: left}
.slider-wrap{ width:100%;height: 100%}
.slider-index, .slider li a { width: 100%; margin: 0 auto}
.slider-items { width: 100%; height: 100%; overflow: hidden }
.slider { width: 100%; height: 100%;  display: none; position: absolute; left: 0; top:0; overflow: hidden }
.slider li { width: 100%; height: 100%;display: none; position: absolute; left: 0; top:0; overflow: hidden}
.slider li a { display: block; text-indent: -9999em; overflow: hidden;width: 100%; height: 100% }
.slider-index{ height: 8px; line-height: 8px; text-align: center; display: block; position: absolute; left: 0;bottom:15px; z-index: 1000}
.slider-index .items { height: 10px; display: inline-block;*zoom:1;*display:inline}
.slider-index li { float: left;  width:20px; height:20px; line-height: 20px; text-align: center; cursor: pointer}
.slider-index li a{margin: 0 auto;display: block;width: 8px;height: 8px;background: rgba(153,153,153,.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7FFFFFFF,endcolorstr=#7FFFFFFF);border-radius: 25px;}
.slider-index li.current a { background: #fff}
.slider-index li:hover a { background: #fff}

.zyItems{ width: 1220px; margin: 0 auto 20px; background: #fff}
.zyItems .zyTit{ position: relative; height: 80px; line-height: 80px; padding-left: 20px; border-bottom: 1px solid #f1f2f3}
.zyItems .zyTit em{ font-size: 30px; vertical-align: middle; font-family: 'Microsoft YaHei'; margin-right: 80px}
.zyItems .zyTit a{display: inline-block; height: 80px; line-height: 80px; padding: 0 5px; margin-right: 20px}
.zyItems .zyTit i.icon-color{position:absolute; left:-10px; top:20px;display: inline-block; width: 10px; height: 40px; background: red}

.zyItems .zyTitZy em{ color: #8e44ad;}
.zyItems .zyTitZy a.current,.zyItems .zyTitZy a:hover{ position:  relative;color: #8e44ad; border-bottom: 2px solid #8e44ad; height: 79px; line-height: 80px}
.zyItems .zyTitZy i.icon-color{ background: url("/Content/img/icon-zy.png") center no-repeat}

.zyItems .zyTitXl em{ color: #d35400;}
.zyItems .zyTitXl a.current,.zyItems .zyTitXl a:hover{ position:  relative;color: #d35400; border-bottom: 2px solid #d35400; height: 79px; line-height: 80px}
.zyItems .zyTitXl i.icon-color{ background: url("/Content/img/icon-xl.png") center no-repeat}

.zyItems .zyTitWy em{ color: #16a085;}
.zyItems .zyTitWy a.current,.zyItems .zyTitWy a:hover{ position:  relative;color: #16a085; border-bottom: 2px solid #16a085; height: 79px; line-height: 80px}
.zyItems .zyTitWy i.icon-color{ background: url("/Content/img/icon-wy.png") center no-repeat}

.zyItems .zyTitGwy em{ color: #c0392b;}
.zyItems .zyTitGwy a.current,.zyItems .zyTitGwy a:hover{ position:  relative;color: #c0392b; border-bottom: 2px solid #c0392b; height: 79px; line-height: 80px}
.zyItems .zyTitGwy i.icon-color{ background: url("/Content/img/icon-gwy.png") center no-repeat}

.zyItems .zyTitJsj em{ color: #2980b9;}
.zyItems .zyTitJsj a.current,.zyItems .zyTitJsj a:hover{ position:  relative;color: #2980b9; border-bottom: 2px solid #2980b9; height: 79px; line-height: 80px}
.zyItems .zyTitJsj i.icon-color{ background: url("/Content/img/icon-jsj.png") center no-repeat}

.zyItems .zyTitJy em{ color: #27ae60;}
.zyItems .zyTitJy a.current,.zyItems .zyTitJy a:hover{ position:  relative;color: #27ae60; border-bottom: 2px solid #27ae60; height: 79px; line-height: 80px}
.zyItems .zyTitJy i.icon-color{ background: url("/Content/img/icon-jy.png") center no-repeat}

.zyItems .zyTitGy em{ color: #f39c12;}
.zyItems .zyTitGy a.current,.zyItems .zyTitGy a:hover{ position:  relative;color: #f39c12; border-bottom: 2px solid #f39c12; height: 79px; line-height: 80px}
.zyItems .zyTitGy i.icon-color{ background: url("/Content/img/icon-gy.png") center no-repeat}

.zyItems .zyTit .itemsMore{ font-size: 14px; float: right; color:rgba(38,124,217,.6)}
.zyItems .zyTit .itemsMore:hover{ border-bottom: none; height: 80px; line-height: 80px; color:rgba(38,124,217,1); transition:color .3s}

.zyItems .sort{ position: relative; padding: 0 20px 0 20px; height: 60px; line-height: 60px; font-family: 'Microsoft YaHei'; font-size: 24px; font-weight: bold; border-bottom: 1px solid #f1f2f3}
.zyItems .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("/Content/img/icon-down-grey.png") no-repeat scroll right center transparent;}
.zyItems .sort .sortSub{ height: 20px; line-height: 20px;margin:20px 5px 0 10px; float: left}
.zyItems .sort .sortSub a{ display: block; float: left; margin-right: 20px; height: 100%; line-height: 20px; font-size: 12px;}
.zyItems .sort .sortSub a:hover{ color: #2980b9 !important}
.zyItems .sort .sortSub a.current{ color: #2980b9}

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

/*竖向课程列表*/
.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}
.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}

.primeBox .primeTop{ height: 400px; overflow: hidden}
.primeBox .primeTop .primeR{ width: 250px; height: 350px; float: right; background: #fff}
.primeBox .primeUser{ padding: 20px; height: 95px}
.primeBox .primeUser dl{ position: relative; padding-left: 60px}
.primeBox .primeUser dt{ position: absolute; left: 0; top:50%; margin-top: -25px}
.primeBox .primeUser dt img{ display: inline-block; width: 50px; height: 50px; border-radius: 50px}
.primeBox .primeUser dd h3,.primeBox .primeUser dd h3 a{ height: 25px; line-height: 30px; display: block; white-space: nowrap; text-overflow: ellipsis;overflow: hidden}
.primeBox .primeUser dd p{ height: 20px; line-height: 20px; font-size: 12px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden}
.primeBox .primeUser .btns{ height: 30px}
.primeBox .primeUser .btns a{ margin-right: 5px; width: 78px; text-align: center}
.primeBox .primeTop .news{ height: 195px; padding: 10px 20px; box-shadow: 0 0 15px rgba(0,0,0,.1) inset}
.primeBox .primeTop .news a{ display: block; height: 28px; line-height: 28px; color: #666;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 12px}
.primeBox .primeTop .news a:hover{ color: #267cd9; transition: all .3s}
.primeBox .primeTop .news span{ color: #999; margin-right: 10px}

.primeBox .primeTop .primerInfo .btns a{ width: 78px; text-align:center}
.primeBL{ padding-left: 20px; float: left; width: 780px; height: 250px}
.primeBR{ padding-right: 20px; float: right; width: 365px; height: 250px}
.primeBR a{ display: block; height: 35px; line-height: 35px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.primeBR a span{ font-size: 14px; color: #999; margin-right: 10px}
.primeBR a:hover span{ color: #267cd9}
.primeBR p{ height:28px; line-height: 28px; padding-right: 80px; position: relative}
.primeBR p em{ position: absolute; right:0;top:0;  font-size: 12px; color: #999}

.primeBtm{ padding: 0 20px}
.primeBtm h3{ height: 60px; line-height: 60px}
.primeBtm h3 em{ font-size: 18px; font-family: 'Microsoft YaHei'; vertical-align: middle}
.primeBtm h3 a{ float: right; vertical-align: middle; display: inline-block; height: 20px; line-height: 20px; padding: 0 10px; border:1px solid #c8dbf0; font-weight: normal; margin:19px 0 0 5px; font-size: 12px; color: #226fc3; font-family: 'Microsoft YaHei'}
.primeBtm h3 a:hover{ border:1px solid #267cd9; transition: all .3s}
/*.primeBR h3{ height:50px}*/

/*课程列表*/
.courseList{ padding: 20px 20px 0}
.courseList .ulBox{ width: 1180px; overflow: hidden}
.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(/Content/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 li.courseBig .img a:hover img{transform: scale(1)}

.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}

.pmCourseList{ padding: 0}
.pmCourseList .ulBox{ width: 1180px}

.courseList .courseBig{ width: 180px; height: 360px}
.courseList .courseBig .img{ width: 180px; height: 360px}
.courseList .courseBig .img img{ width: 180px; height: 360px}
.showallItems{ height: 40px; line-height: 40px; text-align: center}
.showallItems .icon-down{ display: inline-block; width: 9px; height: 5px; background: url("/Content/img/icon-down9.png") center no-repeat; vertical-align: middle; margin-left:10px}
.showallItems:hover .icon-down{  background: url("/Content/img/icon-down9-hover.png") center no-repeat}

.primeNavList{ position: relative; z-index: 102; height: 370px; width: 250px; border-left: 0; background: #fff; overflow: hidden}
.primeNavList .primeTabs{ float: left; width: 250px; height: 100%; background: #226fc3; overflow: hidden}
.primeNavList .primeTabs li{ position: relative; height: 52px; line-height: 52px; font-size: 12px; border-bottom: 1px solid #1f67b6; text-indent: 20px}
.primeNavList .primeTabs li a,.primeNavList li a:visited{ color: #90c4ef; margin-right: 8px}
.primeNavList .primeTabs li a:hover{ color: #fff}
.primeNavList .primeTabs li a.bigTit{ font-size: 14px; font-family: 'Microsoft YaHei'; color: #fff}
.primeNavList .primeTabs li .label{ text-indent: 0; position: absolute; left: 95px; top:0; height: 52px; line-height: 52px; text-align: center}
.primeNavList .primeTabs li:hover{ background: url("/Content/img/li-bg.png") repeat-y; border-bottom: 1px solid #16477f}
.primeNavList .primeTabs li.nobtm{ border-bottom: 0}
.primeNavList .primeTabs li .icon-right{ display: inline-block; width: 5px; height: 10px; position: absolute;  right: 20px; top:50%; margin-top: -5px; background: url("/Content/img/icon-right59.png") center no-repeat}
.primeNavList .primeJpanels{ float: right; width: 968px; height: 366px; border:2px solid #226fc3; border-left: 0;}
.primeNavList .pmJpanel{ width: 100%; height: 100%; overflow: hidden}

.primeNavList .subNavCt{ float: left; width: 680px; height: 100%; padding: 0 20px; overflow-y: auto}
.primeNavList .subNavCt .ctItem{ padding: 5px 0; border-bottom: 1px solid #eee}
.primeNavList .subNavCt .ctItem h4{ height: 30px; line-height: 35px; font-size: 12px; font-family: 'Microsoft YaHei'}
.primeNavList .subNavCt .ctItem p a{ display: inline-block; height: 20px; font-size: 12px; line-height: 20px; margin-right: 12px; color: #999}
.primeNavList .subNavCt .ctItem p a:hover{ color: #226fc3}

.primeNavList .pmJpanel .pmHot{ padding:10px 20px; float: right;  width: 208px; height: 356px; background: url("/Content/img/top-bg.png") left top no-repeat}
.primeNavList .pmHot h3{ height: 35px; line-height: 35px; font-size: 18px; color: #226fc3; font-family: 'Microsoft YaHei';}
.primeNavList .pmHot p{ position: relative; padding-left: 25px; height: 30px; line-height: 30px}
.primeNavList .pmHot p i{ position: absolute; left: 0; top:50%; margin-top:-6px; text-align:center;line-height:12px; font-size:10px; font-family:'Arial';display: inline-block; width: 12px; height: 12px; color: #fff; background: #999}
.primeNavList .pmHot p.ht i{ background: #226fc3}
.primeNavList .pmHot a{ display: block; line-height: 30px; height: 30px; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}

.navlControl .primeNavList{ display: none}
.navlControl:hover .primeNavList{ display: block}

/*模态层*/
.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{ width: 1000px; position: absolute; left: 50%; top:50%; z-index: 1000; margin-left: -500px; background: #fff}
.modalLay .title{ height: 59px; line-height: 59px; font-size: 16px; font-family: 'Microsoft YaHei'; border-bottom: 1px solid #eee; padding-left: 20px}
.modalLay .close{ position: absolute;right:10px; top:10px;z-index: 1001; font-size: 36px; color: #333; display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; cursor: pointer}
.modalLay .modalImg{ display: block; margin: 65px auto 0}
.modalLay .modalCnt{ padding: 20px}
.modalLay p{ padding-top: 25px; line-height: 25px; text-align: center; color: #333}
.modalLay .btns{ text-align: center; height: 60px; line-height: 60px; background: #eee}
.modalLay .ebtn,.modalLay .ebtn-gray{ padding: 0 35px !important; margin-right: 10px}

.indexModal .title{ height: 59px; background: url("/Content/img/modalTit-bg.png") center no-repeat; color: #fff}
.indexModal .btns a{ padding: 0 50px}
.indexModal .sortTab{ width: 100%}
.indexModal .sortTab th{ padding: 0 15px; text-align: center; height: 35px; line-height: 35px; border-bottom: 1px solid #eee; font-size: 12px; color: #999}
.indexModal .sortTab td{ text-align: center; padding: 15px; font-size: 12px}
.indexModal .sortTab td label{ margin-right: 30px}
.indexModal .sortTab .icon-on,.indexModal .sortTab .icon-off{ display: inline-block; width: 31px; height: 20px; background: url("/Content/img/icon-on.png") center no-repeat}
.indexModal .sortTab .icon-off{ background: url("/Content/img/icon-off.png") -3px top no-repeat}
.indexModal .icon-sortup,.indexModal .icon-sortdown{ display: inline-block; width: 14px; height: 14px; background: url("/Content/img/icon-sortup.png") center no-repeat}
.indexModal .icon-sortdown{ background: url("/Content/img/icon-sortdown.png") center no-repeat}
.indexModal .col1{ width: 10%; text-align: left !important;}
.indexModal .col2{ width: 65%; text-align: left !important;}
.indexModal .col3{ width: 15%}
.indexModal .col4{ width: 10%}

.assessModal dl{ position: relative; line-height: 30px; padding-left: 50px}
.assessModal dt{ width: 50px; position: absolute; left: 0; top:0}
.assessModal .tips{ padding-top: 20px; border-top:1px solid #eee; font-size: 12px; color: #999}

/*Page*/
.zyPage{ padding: 30px 10px; text-align: center; border-top:1px solid #f1f2f3}
.zyPage 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}
.zyPage a:hover,.wsPage span.current{ background: #267cd9; color: #fff; border:1px solid #267cd9}
.zyPage span{ font-size: 14px; background: #fff; color: #ccc; margin-left: 6px;padding: 8px 10px; text-align: center; cursor: default}
.zyPage span.disabled{color: #ccc; border:1px solid #eee}

/*分类选择*/
.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 h3 img{ position: absolute; top:0; right: 140px}
.classify .totalClfy{ height: 100px; line-height: 100px}
.classify .totalClfy a{ display: inline-block; padding: 0 40px; border-right: 1px solid #f2f2f2; font-family: 'Microsoft YaHei'; float: left; height: 100px; line-height: 110px; font-size: 22px}
.classify .totalClfy a.current,.classify .totalClfy a:hover{ background: url("/Content/img/clfy-bg.png") repeat-x; transition: all .3s}
.classify .totalClfy a:last-child{ border-right: 0}
.classify .clfy{ padding: 10px 20px 10px; border-top: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("/Content/img/sel-down.png") right center no-repeat}
.classify .clfyExpand a.close{ background: url("/Content/img/sel-up.png") right center no-repeat}
.classify .clfyExpand a:hover{ opacity: 1}
.classifyCourse h3{ background:#fff url("/Content/img/classifyBg01.png") right top no-repeat}
.classifySchbg h3{ background:#fff url("/Content/img/classifyBg02.png") right top no-repeat}
.classifyTeacher h3{ background:#fff url("/Content/img/classifyBg03.png") right top no-repeat}

.classify .schClf{ height: 50px; line-height: 50px; border-top:1px solid #f1f2f3;padding: 0 20px}
.classify .schClf a{ display: inline-block; height: 50px; line-height: 50px; padding: 0 5px; margin-right: 40px; font-size: 16px}
.classify .schClf a em{ color: #999; font-family: 'Arial'}
.classify .schClf a.current,.classify .schClf a:hover{ height: 47px; line-height: 50px; color: #267cd9; border-bottom: 3px solid #267cd9}
.classify .schClf a.current em,.classify .schClf a:hover em{ color: #267cd9}

.assemntWp{ padding-top: 380px; width:100%;background: url("/Content/img/assessmentbanner.jpg") center top no-repeat}
.astFour{ width: 1220px; height: 420px}
.astFour ul{ width: 1240px; height: 400px}
.astFour li{ width: 290px; height: 400px; background: #fff; float: left; margin-right: 20px; box-shadow: 0px 5px 20px rgba(0,0,0,.1)}
.astFour li .img{ height: 90px; padding-top: 50px;text-align: center}
.astFour li .img img{ display: inline-block; margin: 0 auto}
.astFour li h3{ height: 50px; line-height: 50px; text-align: center; font-size: 22px; font-family: 'Microsoft YaHei'}
.astFour li .desc{ height: 120px;overflow: hidden; font-size: 12px; color: #999; padding: 0 20px 0; line-height: 20px}
.astFour li .btns{ height: 40px; text-align: center}
.astFour li .btns .zyBtnBlue,.astFour li .btns .zyBtnGreen{ width: 150px; padding: 0; font-size: 16px; height: 40px; line-height: 40px; text-align: center}
.astFour li .typeTwo .zyBtnBlue,.astFour li .typeTwo .zyBtnGreen{ width: 100px}
.astFour li .astNumt{ font-size: 12px; color: #999; text-align: center; height: 30px; line-height: 30px}
.astFour li:hover{  box-shadow: 0px 5px 30px rgba(0,0,0,.4); transition: all .3s}
.astFour li:hover h3,.astFour li:hover .desc{ cursor: default}

.astList{}
.astList .fl,.astList .fr{ width: 600px; min-height: 300px; padding-bottom:10px;background: #fff; box-shadow: 0px 5px 10px rgba(0,0,0,.1)}
.astList h4{ margin-bottom: 10px; position: relative; padding: 0 20px; font-size: 18px; height: 60px; line-height: 60px; border-bottom: 1px solid #f1f2f3}
.astList h4 em{ position: absolute; bottom:-1px; display: inline-block; height: 57px; line-height: 60px; border-bottom: 3px solid #267cd9}
.astList h4 a{ float:right; height:60px; line-height:60px;font-size: 14px; float: right; color: rgba(38,124,217,.6);}
.astList h4 a:hover{ color: rgba(38,124,217,1)}
.astList p{  position: relative; padding: 0 20px}
.astList p a{ position: relative; display: block; padding-left: 20px; width: 430px; height: 40px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.astList p a span{position: absolute; left: 0; top:0; height: 40px; line-height: 40px; font-size: 20px; margin-right: 10px; display: inline-block; color: #999}
.astList p .num{ position: absolute; display: inline-block; height: 40px; line-height: 40px; right: 20px; top:0; color: #999}

.evaluateBox{ position: relative; padding: 30px 0 50px 0; background: #fff}
.evaluateBox .topLine{  width: 1220px; height: 40px; background: url("/Content/img/assessMnt-tbg.png") center no-repeat}
.evaluateBox .btmLine{ width: 1220px; height: 50px; background: url("/Content/img/assessMnt-bbg.png") center no-repeat}
.evaluateBox .centerBox{ min-height: 400px; padding: 0 40px 0 80px; background: url("/Content/img/assessMnt-cbg.png") center repeat-y}
.evaluateBox .evalTit{ padding: 0 30px; height: 40px; line-height: 40px; font-size: 24px; font-family: 'Microsoft YaHei'}
.evaluateBox .evalTit .num{ color: #999; margin-left: 20px; font-size: 14px; font-weight: normal; vertical-align: middle}
.evaluateBox .evalTit .percent{  width: 270px; height: 40px; line-height: 40px; float: right}
.evaluateBox .evalTit .percent .bg{ position: relative; width: 200px; display: inline-block; height: 10px; background: #eee; margin-top: 15px}
.evaluateBox .evalTit .percent .bg .in{ position: absolute;width: 200px; display: inline-block; height: 10px; background: #267cd9}
.evaluateBox .evalTit .percent .pt{ font-size: 14px; font-family: 'Arial'; font-weight: normal}
.evaluateBox .testTit{ padding: 10px 0 15px; font-size: 20px; line-height: 30px; font-family: 'Microsoft YaHei'; font-weight: normal}
.evlRstBox .centerBox{ padding:0 60px}

.evaluateBox .centerBox .items { padding-bottom: 10px}
.evaluateBox .centerBox .cbT{ font-size: 20px; line-height: 60px; font-weight: bold; font-family: 'Microsoft YaHei'}
.evaluateBox .centerBox .tstAnswers{ overflow: hidden}
.evaluateBox .centerBox a{ padding:9px 20px 9px 50px; display: inline-block; max-width: 1020px; line-height: 30px; font-size: 18px; font-family: 'Microsoft YaHei'; color: #666; margin:0 20px 10px 0; border:1px solid #ccc; background: url("/Content/img/icon-check.png") 18px 15px no-repeat; border-radius: 3px}
.evaluateBox .centerBox a:hover,.evaluateBox .centerBox a.on{ border:1px solid #267cd9; color: #267cd9; background: url("/Content/img/icon-checkon.png") 18px 15px no-repeat}
.evaluateBox .centerBox a.right{background: url("/Content/img/icon-checkRight.png") 18px 15px no-repeat; color: #5bbb19; border:1px solid #5bbb19}
.evaluateBox .centerBox a.wrong{background: url("/Content/img/icon-checkWrong.png") 18px 15px no-repeat; color: #ff3300; border:1px solid #ff3300}
.evaluateBox .centerBox .tstAnswers .tips{ font-size: 12px; line-height: 18px; color: #999}

.evaluateBox .subBtns{ padding: 0 80px; text-align: center}
.evaluateBox .subBtns a{ padding:0 40px; font-weight: bold}

.evaluateBox .resultTit{ height: 40px; line-height: 40px; font-size: 18px; color: #267cd9}
.evaluateBox .resultDesc p{ line-height: 30px; text-indent: 2rem; margin-bottom: 20px}
.evaluateBox .resultDesc h4{ line-height: 35px; text-indent: 2em}
.evaluateBox .evalExplain{ padding: 0 30px; line-height: 25px; font-size: 12px; color: #999}
.evaluateBox .evalExplain p{ text-indent: 2em}

.postItem{ background: #fff}
.postItem .tit{ position: relative; font-size: 18px; height: 60px; line-height: 60px; padding: 0 20px; border-bottom: 1px solid #f1f2f3}
.postItem .tit em{ position: absolute; bottom:-1px; left: 20px; display: inline-block; height: 57px; border-bottom: 3px solid #267cd9}
.evaList{ padding:20px 0 0 20px;width: 1180px; overflow: hidden}
.evaList ul{ width: 1200px; overflow: hidden}
.evaList li{ width: 220px; height: 200px; margin: 0 20px 20px 0; float: left; background: #f7f7f7}
.evaList li .top{ position: relative; z-index: 1; width: 220px; height: 200px; overflow: hidden}
/*.evaList li .top .white-mask{ position: absolute; z-index: 4; left: 0; top:0; width: 220px; height: 200px }*/
/*.evaList li .top .mask{ position: absolute;left: -30%; top: -30%; z-index: 3; display: block; width: 160%; height: 160%; -webkit-filter: blur(20px); -moz-filter: blur(20px); filter: blur(20px); opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=60, MakeShadow=false) }*/
/*.evaList li .top .img{ position: absolute; top:30px; left: 50%; margin-left: -41px; z-index:10;  width: 80px; height: 80px; border:1px solid #fff;  border-radius: 50px; background-size: cover;background-position:center}*/

.evaList li .top .white-mask{ position: absolute; z-index: 4; left: 0; top:0; width: 220px; height: 200px }
.evaList li .top .mask{ position: absolute;left: -30%; top: -30%; z-index: 3; display: block; width: 160%; height: 160%;
    opacity: 0.7;
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px);
    /*filter: url(/Other/zyk/Content/css/blur.svg.blurImg); */
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='60');/* IE6~IE9*/
    filter:alpha(opacity=8)/*ie9以下半透明*/
}
.evaList li .top .img{ position: absolute; top:30px; left: 50%; margin-left: -41px; z-index:10;  width: 80px; height: 80px; border:1px solid #fff;  border-radius: 50px; background-size: cover;background-position:center}

.evaList li .top p{ position: absolute; width: 220px; height: 25px; line-height: 25px; text-align: center; font-weight: bold; z-index: 4; top:125px; font-size: 24px; font-family: 'Microsoft YaHei'; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.evaList li .top .num{ font-size: 12px; color: #999; position: absolute; top:155px}
.evaList li a:hover p{ color: #333}
.evaList .footer{ height: 60px}
.evaList .footer div{ height: 60px; width: 33%; float: left; text-align: center; line-height: 20px; padding-top: 10px; color: #999}
.evaList .footer .num{ font-size: 16px; font-family: 'Arial'; color: #333}

.explainWp{ padding-top: 380px; width:100%;background: url("/Content/img/explainBanner.jpg") center top no-repeat }

/*职场解读*/
.mainL{ width: 870px; float: left}
.mainR{ width: 330px; float: right}
.mainL .postTop{ position: relative;z-index: 0; background: #fff; min-height: 150px; padding:20px 20px 20px 190px}
.mainL .postTop .img{ position: absolute; left: 20px; top:20px; background-size: cover; background-position: center; width: 150px; height: 150px;}
.mainL .postTop h3{ position: relative; z-index: 5; margin-bottom: 10px; height: 30px; line-height: 30px; font-size: 24px; font-family: 'Microsoft YaHei'; font-weight: normal}
.mainL .postTop h3 .iconBlueBg{ display: inline-block; padding: 0 5px; font-style: normal; vertical-align: middle; height: 23px; line-height: 23px; font-size: 14px; background: #267cd9; color: #fff; margin-right: 10px}
.mainL .postTop h3 .iconGreenBg{ display: inline-block; padding: 0 5px; font-style: normal; vertical-align: middle; height: 23px; line-height: 23px; font-size: 14px; background: #5bbb19; color: #fff; margin-right: 10px}
.mainL .postTop h3 .iconOrangeBg{ display: inline-block; padding: 0 5px; font-style: normal; vertical-align: middle; height: 23px; line-height: 23px; font-size: 14px; background: #ff6600; color: #fff; margin-right: 10px}
.mainL .postTop h3 .iconRedBg{ display: inline-block; padding: 0 5px; font-style: normal; vertical-align: middle; height: 23px; line-height: 23px; font-size: 14px; background: #e60012; color: #fff; margin-right: 10px}
.mainL .postTop h3 em{ vertical-align: middle}
.mainL .postTop p{position: relative; z-index: 5; line-height: 28px}
.mainL .bg{  position: absolute; z-index: 2; width: 290px; height: 190px;right: 0; top:0; overflow: hidden}
.mainL .bg .imgBg{ position: absolute; right: 0; top:0; width: 290px; height: 190px; background-size: cover; background-position: center;-webkit-filter: blur(20px); -moz-filter: blur(20px); filter: blur(20px);opacity: .9}
.mainL .bg .whiteMask{ position: absolute; right: 0; top:0; z-index: 3;  width: 290px; height: 190px; background: url("/Content/img/postTop-bg.png") center no-repeat}
.mainL .postTop-ent .img{ width: 150px;height: 150px; text-align: center; line-height: 150px}
.mainL .postTop-ent .img img{ display: inline-block; max-width: 100%; max-height: 100%}


.postBk{ background: #fff}
.postBk .bkTit,.rltClst .rltTit{ position: relative; height: 59px; border-bottom: 1px solid #f1f2f3}
.postBk .bkTit em,.rltClst .rltTit em{ position: absolute; left: 20px; bottom:0; display: block; height: 57px; line-height: 59px; border-bottom: 3px solid #267cd9; font-size: 18px; font-family: 'Microsoft YaHei'}
.postBk .con{ position: relative}
.postBk .con .text{ overflow: hidden; padding: 10px 20px 25px; line-height: 25px}
.postBk .con .subTit,.postBk .con p{ margin-bottom: 10px}
.postBk .con p{ text-indent: 2em}
.postBk .con .showAll{ position: absolute; bottom:20px; left: 0; z-index: 3; display: block; color: #267cd9; font-weight: bold; width: 870px; height: 93px; line-height: 140px; text-align: center; background: url("/Content/img/more-whitebg.png") center bottom no-repeat}
.postBk .con .showAll .icon-new{ display: inline-block; width: 14px; height: 14px; background: url("/Content/img/icon-newFile.png") center no-repeat; vertical-align: middle; margin-right: 5px}

.postInfo .tit{ height: 59px; line-height: 60px; border-bottom: 1px solid #f1f2f3; padding: 0 20px}
.postInfo .tit a{ position: relative; display: inline-block; height:59px; line-height: 60px; margin-right: 30px; font-size: 18px; font-weight: normal}
.postInfo .tit a.current{ height:57px; border-bottom: 3px solid #267cd9; font-weight: bold}
.postInfo .tit a.ttlInfo{ margin-right: 0; font-size: 14px; color: rgba(38,124,217,.6)}
.postInfo .tit a.ttlInfo:hover{ color: rgba(38,124,217,1)}
.postInfo{ background: #fff}
.postInfo .list{ padding: 5px 20px 20px; overflow: hidden}
.postInfo .list ul{ width: 390px}
.postInfo .list li{ position: relative; height: 40px; line-height: 40px; padding-right: 80px}
.postInfo .list li .num{ position: absolute; right: 0; top:0; height: 40px; line-height: 40px; color: #999}
.postInfo .list li a{ position: relative; padding-left: 20px; display: block; height: 40px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; }
.postInfo .list li a span{position:absolute; left:0; top:0; height:40px; line-height:40px;font-size:20px;color: #999; margin-right: 5px}

.rltClst{ background: #fff}
.rltClst .rltTit .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("/Content/img/icon-change.png") left center no-repeat; opacity: .5}
.rltClst .rltTit .change:hover{ opacity: 1}
.rltClst .ulBox{ width: 830px}
.rltClst .ulBox ul{ width: 850px}
.rltClst li{ width: 150px; height: 170px}
.rltClst li .img{ width: 150px; height: 100px; overflow: hidden}
.rltClst li .img img{ width: 150px; height:100px}
.rltClst li .footer{ top:75px}

.rltClst .evaList{ width: 830px}
.rltClst .evaList ul{ width: 840px}
.rltClst .evaList li{width: 200px; height: 200px; margin-right: 10px}
.rltClst .evaList li .top{ width: 200px; height: 200px; overflow: hidden}
.rltClst .evaList li .top p{ width: 200px; height: 25px; line-height: 25px;  font-size: 22px}
.rltClst .evaList li .top .num{ font-size: 12px; color: #999; position: absolute; top:155px; font-weight: normal}
.rltClst .evaList li .top .white-mask{ position: absolute; z-index: 3; left: 0; top:0; width: 200px; height: 200px}

.mainR .videoExplain{ display: block; padding-left: 120px; padding-top: 15px; color: #fff;font-family: 'Microsoft YaHei'; width: 212px; height: 71px; margin: 0 auto 20px; background: url("/Content/img/videoBg.png") center no-repeat}
.mainR .videoExplain h3{ font-size: 24px; line-height: 24px}
.mainR .videoExplain p{ font-size: 18px;}
.mainR .items{ margin-bottom: 20px; background: #fff }
.mainR .items .tit{position: relative; height: 59px; border-bottom: 1px solid #f1f2f3}
.mainR .items .tit em{position: absolute; left: 20px; bottom:0; display: block; height: 57px; line-height: 59px; border-bottom: 3px solid #267cd9; font-size: 18px; font-family: 'Microsoft YaHei'}
.mainR .relationItm .list{ padding: 20px 20px 0}
.mainR .relationItm .ulBox{ width: 290px; overflow: hidden}
.mainR .relationItm .ulBox ul{ width: 345px}
.mainR .relationItm .ulBox li{ width: 80px; height: 140px; margin-right: 25px; float: left}
.mainR .relationItm .ulBox li .img{  width: 80px; height: 80px; background-size: cover; background-position: center}
.mainR .relationItm .ulBox li p{ padding: 10px 0; line-height: 18px; text-align: center}
.mainR .relationItm .ulBox li a:hover p{ color: #267cd9; font-weight: bold}
.mainR .relationItm-ent .ulBox li .img{ width: 80px; height: 80px; text-align: center; line-height: 80px; background: none}
.mainR .relationItm-ent .ulBox li .img img{ display: inline-block; max-width: 80px; max-height: 80px}

.infoList{ background: url("/Content/img/txtLstBg.jpg") center top no-repeat}

.infoList1{ background: url("/Content/img/list-banner1.jpg") center top no-repeat}
.infoList2{ background: url("/Content/img/list-banner2.jpg") center top no-repeat}
.infoList3{ background: url("/Content/img/list-banner3.jpg") center top no-repeat}
.infoList4{ background: url("/Content/img/list-banner4.jpg") center top no-repeat}
.infoList5{ background: url("/Content/img/list-banner5.jpg") center top no-repeat}
.infoList6{ background: url("/Content/img/list-banner6.jpg") center top no-repeat}
.infoList7{ background: url("/Content/img/list-banner7.jpg") center top no-repeat}
.infoList8{ background: url("/Content/img/list-banner8.jpg") center top no-repeat}
.infoList9{ background: url("/Content/img/list-banner9.jpg") center top no-repeat}

.infoList .listTit{ height: 250px; position: relative}
.infoList .listTit p{ position: absolute; left: 0;bottom:60px; line-height: 30px; font-size: 18px; color: #fff}
.infoList .listTit h3{ position: absolute; left: 0;bottom:10px; line-height: 50px; font-size: 48px; color: #fff}

.tastList{ padding: 10px 0}
.tastList p{  position: relative; padding: 0 570px 0 20px}
.tastList p a{ position: relative; display: block; width: 610px; padding-left: 20px; height: 40px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.tastList p a span{position:absolute; left:0; top:0; display:inline-block; height:40px; line-height:40px;font-size: 20px; margin-right: 10px; color: #999}
.tastList p a span.light-red{position: static; display:inline; font-size: 14px; margin-right: 0px}
.tastList p .num{ position: absolute; display: inline-block; height: 40px; line-height: 40px; right: 20px; top:0; color: #999}
.tastListSch .right { position: absolute; right: 0; top:0; height: 40px;line-height: 40px; width: 540px; font-size: 12px; color: #999}
.tastListSch .right .type{ position: absolute; left: 0; top:0; display: inline-block; height: 40px; line-height: 40px; font-weight: normal;}
.tastListSch .right .time{ position: absolute; left: 230px; top:0; display: inline-block; height: 40px; line-height: 40px; font-weight: normal; font-family: 'Arial'}
.tastListSch .right .num{ font-weight: normal}

.infoType{ margin-bottom: 20px}
.infoType li{ position: relative; font-size: 18px; border-bottom: 1px solid #f1f2f3; height: 60px; line-height: 60px; padding: 0 50px 0 20px}
.infoType li:last-child{ border-bottom: 1px solid #f1f2f3}
.infoType li em{ position: absolute; right: 20px; top:50%; margin-top: -10px; display: block; width: 20px; height: 20px; line-height: 20px; font-size: 18px; text-align: center}
.infoType li:hover a{ color:#267cd9}

.infoCnt .tit{ padding: 10px 0 20px; margin: 0 20px; border-bottom: 1px solid #f1f2f3}
.infoCnt .tit .breadNav{ font-size: 12px; color: #999}
.infoCnt .tit h3{ font-size: 36px; color: #444; line-height: 50px; font-family: 'Microsoft YaHei'}
.infoCnt .tit .btm{ height: 30px; line-height: 30px; overflow: hidden}

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

.infoCnt .cnt{ padding: 20px 20px 10px}
.infoCnt .cnt img{ display: block; max-width: 80%; height: auto; margin: 0 auto 20px}
.infoCnt .cnt p{ line-height: 32px; text-indent: 2em; margin-bottom: 10px}

.mainR .zmInfo{background: #fff}
.mainR .zmInfo a{ display: block; height: 30px; line-height: 30px; color: #666;white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.mainR .zmInfo a:hover{ color: #267cd9; transition: all .3s}
.mainR .zmInfo span{ color: #999; margin-right: 10px}
.mainR .zmInfo .cnt{ padding: 10px 20px 20px}

.mainR .course{position: relative; padding-top:20px; border-bottom: 1px solid #f1f2f3}
.mainR .course dl{ position: relative; padding: 0 20px  20px 130px}
.mainR .course dl dt{display: block; width: 100px; height: 66px; position: absolute; left: 20px; top:0}
.mainR .course dl dt img{ display: block; width: 100px; height: 66px}
.mainR .course dd{ height: 66px; overflow: hidden}
.mainR .course dd h3{ line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: normal}
.mainR .course dd p{ font-size: 12px; color: #999}

.jobSkillWp{  padding-top: 380px; width: 100%; background: url(/Content/img/jobSkill-banner.jpg) center top no-repeat}
.jobSkillBox{ width: 1220px}
.jobSkillBox ul{ width: 1245px}
.jobSkillBox li{ background: #fff; float: left; width: 390px; height: 525px; overflow: hidden; margin: 0 25px 30px 0;box-shadow: 0 5px 20px rgba(0,0,0,.1)}
.jobSkillBox li:hover{box-shadow: 0 5px 30px rgba(0,0,0,.4)}

.jobSkillBox h4{ position: relative; font-size: 24px; cursor: default; padding: 0 20px; height: 100px; margin-bottom: 10px}
.jobSkillBox h4 em{ position: absolute; left: 20px; top:50px; font-size: 24px; line-height: 25px; color: #fff; font-style: italic; font-family: 'Microsoft YaHei'}
.jobSkillBox h4 a{ position: absolute; right: 20px; top:60px; font-size: 12px; color: #fff; font-weight: normal}
.jobSkillBox h4 a:hover{ font-weight: bold; cursor: pointer; color: #267cd9}
.jobSkillBox p{  position: relative; padding: 0 20px}
.jobSkillBox p a{ position: relative; display: block; padding-left: 20px; width: 250px; height: 40px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.jobSkillBox p a:hover{ cursor: pointer}
.jobSkillBox p a:hover span{ cursor: default}
.jobSkillBox p a span{position: absolute; left: 0; top:0; height: 40px; line-height: 40px; font-size: 20px; margin-right: 10px; display: inline-block; color: #999}
.jobSkillBox p .num{ position: absolute; display: inline-block; height: 40px; line-height: 40px; right: 20px; top:0; color: #999}

/*老师列表*/
.teacherWp { padding-top: 380px; width: 100%; background: url(/Content/img/teacherBg.jpg) center top no-repeat}
.teacherList{ padding: 0 20px}
.teacherList .ulBox{ width: 1180px; overflow: hidden;border-bottom: 1px solid #f1f2f3; margin-bottom: -1px}
.teacherList ul{ width: 1200px; overflow: hidden}
.teacherList li{ position: relative;  margin: 20px 20px 0 0; height: 185px;padding-left: 115px; float: left; width: 265px}
.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("/Content/img/icon-right-blue.png") left center no-repeat}

/*老师列表*/
.tchBg1{ padding-top: 190px; background:#333545 url("/Content/img/teacherBg1.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg2{ padding-top: 190px; background:#232323 url("/Content/img/teacherBg2.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg3{ padding-top: 190px; background:#1a1917 url("/Content/img/teacherBg3.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg4{ padding-top: 190px; background:#293323 url("/Content/img/teacherBg4.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg5{ padding-top: 190px; background:#4b3f1b url("/Content/img/teacherBg5.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg6{ padding-top: 190px; background:#192939 url("/Content/img/teacherBg6.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg7{ padding-top: 190px; background:#aeac9a url("/Content/img/teacherBg7.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg8{ padding-top: 190px; background:#011722 url("/Content/img/teacherBg8.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg9{ padding-top: 190px; background:#3d421c url("/Content/img/teacherBg9.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg10{ padding-top: 190px; background:#938988 url("/Content/img/teacherBg10.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg11{ padding-top: 190px; background:#42342c url("/Content/img/teacherBg11.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg12{ padding-top: 190px; background:#1e2b0f url("/Content/img/teacherBg12.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg13{ padding-top: 190px; background:#011722 url("/Content/img/teacherBg13.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg14{ padding-top: 190px; background:#171008 url("/Content/img/teacherBg14.jpg") center top no-repeat; background-size: 100% auto; background-attachment: fixed}
.tchBg15{ padding-top: 190px; background:#8fb8b9 url("/Content/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 }

/*考试*/
.examWp { padding-top: 380px; width: 100%; background: url(/Content/img/examBg.jpg) center top no-repeat}
.examList{ overflow: hidden; padding:20px 20px 0}
.examList .ulBox{ overflow: hidden; width: 1200px; min-height: 480px}
.examList .ulBox ul{ overflow: hidden}
.examList li{ position: relative; padding: 15px; float: left; width: 190px; height: 120px; background: url("/Content/img/exaimSt-bg.png") 0 0 no-repeat; margin:0 20px 20px 0}
.examList li h3{ line-height: 24px; height: 75px; overflow: hidden}
.examList li p{ position: absolute; left: 15px; bottom:15px; font-size: 12px; line-height: 18px; color: #999}
.examList li:hover{ background: url("/Content/img/exaimSt-bg.png") 0 -150px no-repeat}
.examList li:hover h3{ color: #267cd9}
.examList li:hover p{ color: #333}

/*关于我们*/
.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; margin-top: 10px; font-size: 16px}
.rContent p{ padding: 10px 0; line-height: 25px; text-indent: 2rem}
.rContent .img{ display: block; width: 100%; height: auto; margin: 10px auto}
.rContent ul{overflow:hidden; zoom:1; padding:5px 0}
.rContent ul li{display:block; float:left; height:40px; line-height:40px; background:#7fa9e5; margin:0 5px 10px 0; padding:0 15px; color:#fff}
.rContent ol{list-style:outside decimal; margin:0 0 10px; padding:0 0 0 2em}
.rContent ol li{ list-style:outside decimal; margin:0 0 10px}
.rContent .link{height:32px}
.rContent .link a{line-height:32px; display:block; float:left; margin:0 25px 0 0}
.rContent .link img{float:left; margin:0 5px 0 0}
.rContent .test{ text-indent: 0}
.rContent .test a{ margin-right: 10px}

/*播放页*/
.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("/Content/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("/Content/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("/Content/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("/Content/img/icon-record2.png") no-repeat center}
.vdoComment .commentAlt li.collected .icon-note{ background: url("/Content/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("/Content/img/icon-zan.png") left center no-repeat}
.vdoComment .cmtOperate li.collect a{ background: url("/Content/img/icon-collect.png") left center no-repeat}
.vdoComment .cmtOperate li.phone a{ background: url("/Content/img/icon-tel.png") left center no-repeat}
.vdoComment .cmtOperate li.share a{ background: url("/Content/img/icon-share.png") left center no-repeat}
.vdoComment .cmtOperate li.zan a:hover{ background: url("/Content/img/icon-zan-hover.png") left center no-repeat}
.vdoComment .cmtOperate li.collect a:hover{ background: url("/Content/img/icon-collect-hover.png") left center no-repeat}
.vdoComment .cmtOperate li.phone a:hover{ background: url("/Content/img/icon-tel-hover.png") left center no-repeat}
.vdoComment .cmtOperate li.share a:hover{ background: url("/Content/img/icon-share-hover.png") left center no-repeat}
.vdoComment .cmtOperate li.zan a.active{ background: url("/Content/img/icon-zan-active.png") left center no-repeat}
.vdoComment .cmtOperate li.collect a.active{ background: url("/Content/img/icon-collect-active.png") left center no-repeat}

.playMain .left{ width: 870px; float: left}
.playMain .left .zyItems{ width: 870px; margin: 0; background: #fff}
.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("/Content/img/icon-qutLeft.png") no-repeat}
.playNote .noNote i.icon-qtr{ right: 320px;top:50%; margin-top: -12px; background: url("/Content/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("/Content/img/icon-playGrey.png") center no-repeat}
.playNote .noteJpanels dl:hover dt a{ background: url("/Content/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("/Content/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}

.zyItems{background: #fff}
.zyItems .plTit{ 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}
.zyItems .plTit .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("/Content/img/icon-change.png") left center no-repeat; opacity: .5}
.zyItems .plTit .change:hover{ opacity: 1}
.zyItems .plTit .titLi a{ display: inline-block; color: #999; float: left; font-weight: normal;  padding:0 15px; background: url("/Content/img/icon-point2.png") left center no-repeat; background-size: 3px; font-size: 12px}
.zyItems .plTit .titLi a:hover{ color: #1480cc}
.zyItems .plTit .titLi a:visited{ color: #999}
.zyItems .plTit .titLi a.current{ color: #0a7bcc}
.zyItems .plTit .titImg{ display: inline-block; margin-top:-3px; vertical-align: middle; margin-right: 10px}

/*弹层*/
.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("/Content/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: 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}

/*登录页*/
.loginWrap{ padding-bottom: 0!important; height: 440px; background: url("/Content/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(/Content/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(/Content/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("/Content/img/icon-usr.png") center no-repeat}
.loginPanel .iptItem i.icon-pwd{ background:#f3f3f3 url("/Content/img/icon-pwd.png") center no-repeat}
.loginPanel .iptItem i.icon-card{ background:#f3f3f3 url("/Content/img/icon-card.png") center no-repeat}
.loginPanel .iptItem i.icon-lib{ background:#f3f3f3 url("/Content/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("/Content/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("/Content/img/icon-qq.png") center no-repeat}
.loginPanel .foot li a.wx i{ background: url("/Content/img/icon-wx.png") center no-repeat}
.loginPanel .foot li a.wb i{ background: url("/Content/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("/Content/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}

/*个人中心*/
.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("/Content/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("/Content/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("/Content/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; 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 }

.zyItems .tit2{ height: 50px; line-height: 50px; font-size: 12px; color: #999; padding: 0 20px; font-weight: normal}
.zyItems .tit2 .clearn{ color: #1480cc; opacity: .5}
.zyItems .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(/Content/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 .btns a{ padding: 0 20px !important; height: 30px; line-height: 30px}
.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; transition: 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 .info .btnsSpace a{ padding: 0 20px; height: 35px; line-height: 35px}
.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}

.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}

/*第三方绑定*/
.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('/Content/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('/Content/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 .zyBtnBlue{ 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('/Content/img/photoUp/border-v.gif') repeat-y left top}
.imgareaselect-border2 { background: url('/Content/img/photoUp/border-h.gif') repeat-x left top}
.imgareaselect-border3 { background: url('/Content/img/photoUp/border-v.gif') repeat-y right top}
.imgareaselect-border4 { background: url('/Content/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("/Content/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("/Content/img/icon-notePlay.png") center no-repeat}
.userNote dd a.icon-play:hover{ background: url("/Content/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("/Content/img/icon-tipDefault.png") 5px 7.5px no-repeat}
.reglForms li .tips-right{ color: #90b71b; background: url("/Content/img/icon-tipRight.png") 5px 7.5px no-repeat}
.reglForms li .tips-error{ color: #ee2222; background: url("/Content/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 .zyBtnRegin{ width: 410px; height: 35px; line-height: 35px; display: block; margin-top:20px; font-size: 16px; font-weight: bold}

.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("/Content/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("/Content/img/icon-qq.png") center no-repeat}
.thirdLogin li a.wx i{ background: url("/Content/img/icon-wx.png") center no-repeat}
.thirdLogin li a.wb i{ background: url("/Content/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}

/*移动端下载页*/
.downApp{width:100%;}
.bannerBox{width:100%; height:450px; background-color:#f6f6f6;}
.bannerBox .mainBox{width:1220px; height:450px; margin:0 auto; position:relative; overflow:hidden;}
.bannerBox .img1,.bannerBox .img2,.bannerBox .img3,.bannerBox .img4,.bannerBox .ewm{ position:absolute; top:450px;}
.bannerBox .img1{ left:30px; margin-top:100px; transition:all 0.3s ease-out}
.bannerBox .img2{ left:30px; margin-top:170px; transition:all 0.5s ease-out}
.bannerBox .ewm{width:370px; margin-top:238px; left:30px; transition:all 1.2s ease-out}
.bannerBox .ewm a{ display:block;}
.bannerBox .ewm .button1{ margin-bottom:10px;}
.bannerBox .rMar10{ margin-right:10px;}
.bannerBox .img3{ margin-top:40px; right:46px; z-index:2; transition:all 0.7s ease-out}
.bannerBox .img4{ margin-top:76px; right:310px; z-index:1; transition:all 0.9s ease-out}
.bannerBoxOn .img1,.bannerBoxOn .img2,.bannerBoxOn .img3,.bannerBoxOn .img4,.bannerBoxOn .ewm{top:0; opacity:1}
.mainA{width:100%; background-color:#fff; height:490px;}
.mainA .mainBox{width:1210px; height:490px; margin:0 auto; position:relative; overflow:hidden;}
.mainA img{ position:absolute}
.mainA .txt1{left:730px; margin-top:128px;}
.mainA .txt2{left:730px; margin-top:278px;}
.mainA .v0{ left:120px; margin-top:80px;}
.mainA .v1, .mainA .v2,.mainA .v3,.mainA .v4{top:550px; opacity:0; }
.mainA .v1{ left:462px; margin-top:268px; transition:all 1.2s ease-out}
.mainA .v2{ left:40px; margin-top:196px; transition:all 1s ease-out}
.mainA .v3{ left:368px; margin-top:112px; transition:all 0.8s ease-out}
.mainA .v4{ left:0; margin-top:20px; transition:all 0.7s ease-out}
.mainAOn .v1,.mainAOn .v2,.mainAOn .v3,.mainAOn .v4{ top:0; opacity:1}
.mainB{width:100%; background-color:#f6f6f6; height:550px;}
.mainB .mainBox{width:1220px; height:550px; margin:0 auto; position:relative; overflow:hidden;}
.mainB .mainBox img{ position:absolute;}
.mainB .txt3{left:0px; margin-top:158px;}
.mainB .txt4{left:0px; margin-top:308px;}
.mainB .pc,.mainB .pad,.mainB .iphone{ top:560px; opacity:0;}
.mainB .pc{ margin-top:80px; right:51px; transition:all 0.7s ease-out}
.mainB .pad{ right:382px; margin-top:156px; transition:all 0.9s ease-out}
.mainB .iphone{right:20px; margin-top:236px; transition:all 1.2s ease-out}
.mainBOn .pc,.mainBOn .pad,.mainBOn .iphone{top:0; opacity:1}


/*无内容状态*/
.nothing{ width: 100%; height: 200px; font-size: 16px; color: #666; line-height: 200px; text-align: center}
.zyNothing{ width: 100%; height: 400px; line-height: 400px; font-size: 14px; text-align: center}
.zyNothing .in{ display: inline-block; margin: 0 auto; height: 60px; padding: 10px 0 10px 110px; line-height: 60px;background: url("/Content/img/icon-computer.png") left center no-repeat}
.zyNothing .in p{ display: inline-block;line-height: 30px; font-size: 16px; text-align: left}
.zyNothing .in a{ font-size: 14px; color:#267cd9 }

.none { display: none }

/*feedback页面表单样式  by zlh*/

.feedbackForm{margin-left:30px}
.feedbackForm>div>label{display:inline-block;width:70px}
.feedbackForm>.item{margin:30px 0}
.feedbackForm>.item>textarea{padding-left:15px;border:1px solid #eee}
.feedbackForm>.item>input,.feedbackForm>.item>select{padding-left:15px;border:1px solid #eee;background:#fff}
.feedbackForm>.item>select{width:230px}
.feedbackForm>.item>input,.feedbackForm>.item>select{height:30px}
.feedbackForm>.item:nth-child(3)>input{width:502px}
.feedbackForm>.item:nth-child(4)>input,.feedbackForm>.item:nth-child(5)>input{width:230px}
#feedbackFormFile{padding:0;border:none}
#uploadImg{position:absolute;overflow:hidden;font-size:9pt}
#feedbackFormFile{position:absolute;z-index:100;margin-top:-5px;margin-left:-180px;font-size:60px;opacity:0;filter:alpha(opacity=0)}
.upload-button{padding:0 30px;border:1px solid #eee;background-color:#eee;color:#000}
.feedbackFormButton,.upload-button{height:30px;font-size:9pt;line-height:30px}
.feedbackFormButton{padding:0 40px;border:1px solid #267cd9;background-color:#267cd9;color:#fff;cursor:pointer}
.feedbackFormFileRule{margin-left:15px;color:#999}
.feedbackFormFileImg,.feedbackFormFileName,.feedbackFormFileWrong{margin-top:10px;margin-left:70px}
.feedbackFormFileImg{position:relative;width:75pt;height:75pt;background:url(/Content/img/course07.png);background-size:cover}
.feedbackFormFileWrong{color:red}
.globalFixedButton{position:fixed;right:10px;bottom:100px;width:40px;height:40px;background:url(/Content/img/gloal-fied-btn.png);background-size:cover; z-index:999}
.feedbackFormFileDeleteBtn{position:relative;top:.2rem;left:.9rem;display:inline-block;width:.1rem;height:1rem;background:#999;-webkit-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg);}
.feedbackFormFileDeleteBtn:after{position:absolute;top:0;left:0;width:.1rem;height:1rem;background:#999;content:"";-webkit-transform:rotate(270deg);transform:rotate(270deg);-ms-transform:rotate(270deg);}
.feedbackFormMust{color: red;}


.uploadImg{ display:inline-block;}
.uploadImg .btnMng{position:relative; height:32px; line-height:32px; font-weight:bold; width:80px; overflow:hidden; float:left; margin-right:15px; padding:0}
.uploadImg .btnMng input{position:absolute; z-index:2; opacity:0; width:1000px; margin-left:-500px; cursor:pointer}
.uploadImg .btnMng a{display:block;height:30px;line-height:30px;border:1px solid #267cd9;color:#267cd9;text-align:center;border-radius:3px;transition: all .3s ease;}
.uploadImg .btnMng:hover a{/* background:#2f9833; *//* border:1px solid #2f9833; *//* color:#fff; */}
.uploadImg .view{padding:10px 0; clear:both}
.uploadImg .view p{display:block; line-height:30px}
.uploadImg .view p a{margin:0 10px; color:#267cd9; text-decoration:underline}

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

/*新加的职业导航搜索框样式*/
.bottomsearch{width: 240px;height: 28px;position: absolute;left: 37%;margin-left: -235px;top: 59%;margin-top: -21px;border: 2px solid #eee;}
.bottomsearch .btn{position: absolute;left: 170px;top: 0;display: inline-block !important; font-size: 12px !important;font-family: 'Microsoft YaHei';line-height: 28px !important;text-align: center;width: 70px;height: 28px !important;border-left: 1px solid #eee;background: #1480cc url("/Content/img/btnbg-h38.png") left top repeat-x}
.bottomsearch .input{font-size: 13px;position: absolute;top: 0;left: 0;width: 210px;height: 28px;line-height: 28px;padding: 0px 10px;border: 0;}
/*统计数据样式*/
.countData{font-family: 方正兰亭黑_GBK;font-size: 12px;font-weight:normal;line-height:20px;letter-spacing:0em;color:#999999;}