section, article, aside, header, footer, nav, figure { display: block }
body, h1, h2, h3, h4, h5, h6, blockquote, div, dl, dt, dd, ul, ol, li, p, pre, form, fieldset, legend, button, input, textarea, th, td, tr, table, tbody, thead, tfoot, em, strong, span, figure { margin: 0; padding: 0 }
body, button, input, select, textarea {font: 14px/1.8 Microsoft YaHei,Simsun,sans-serif;color: #333;outline: none;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; font-style: normal; font-weight: normal }
code, kbd, pre, samp { font-family: courier new,courier,monospace }
p, ul, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6 { list-style: none }
a { color: #333; text-decoration: none }
a:focus, a:active { outline: none }
a:hover { color: #1d74d6 }
fieldset, img { border: 0 }
img { border: 0 none }
em { font-weight: normal }
table { border-collapse: collapse; border-spacing: 0 }
input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; outline: 0 }
*html { zoom: expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)} (this)) }
.clear { clear: both; font-size: 0; height: 0; overflow: hidden }
.line5 { clear: both; font-size: 0; height: 5px; overflow: hidden }
.line10 { clear: both; font-size: 0; height: 10px; overflow: hidden }
.line15 { clear: both; font-size: 0; height: 15px; overflow: hidden }
.line20 { clear: both; font-size: 0; height: 20px; overflow: hidden }
.line30 { clear: both; font-size: 0; height: 30px; overflow: hidden }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { display: inline-block }
.clearfix { display: block }
.wrapper { width: 1200px; margin: 0 auto; display: table }
.text-left { text-align: left !important }
.fl { float: left !important }
.fr { float: right !important }
.mt50 { margin-top: 50px }
.mt40 { margin-top: 40px }
.mt45 { margin-top: 45px }
.mlr20 { margin-left: 20px; margin-right: 20px }
.mt30 { margin-top: 30px !important }
.mr10 { margin-right: 10px !important }
.mr30 { margin-right: 30px !important }
.mt20 { margin-top: 20px !important }
.mt26 { margin-top: 26px !important }
.mt20 { margin-top: 20px !important }
.mb16 { margin-bottom: 16px !important }
.mb50 { margin-bottom: 50px !important }
.mr50 { margin-right: 50px !important }
.mr30 { margin-right: 30px !important }
.mb10 { margin-bottom: 10px !important }
.ml10 { margin-left: 10px !important }
.ml20 { margin-left: 20px !important }
.ml120 { margin-left: 120px !important }
.mb35 { margin-bottom: 35px !important }
.ml240 { width: 960px; float: right }
.ptb51 { padding: 51px 0 }
.pt10 { padding-top: 10px }
.pb10 { padding-bottom: 10px }
.plr15 { padding: 0 15px }
.pd20 { padding: 20px }
.mb100 { margin-bottom: 100px }
.mtb50 { margin: 50px 0 !important }
.bg-gray { background: #f0f0f0 !important }
.bg-white { background: #fff !important }
.relative { position: relative }
.width100 { width: 100% }
.w262 { width: 262px !important }
.w374 { width: 374px !important }
.w426 { width: 426px !important }
.w874 { width: 874px !important }
.h213 { height: 213px !important }
.h342 { height: 342px !important }
.h419 { height: 419px !important }
.no-comment { text-align: center; margin: 30px 0; font-size: 16px }
.no-data { margin: 20px 0; text-align: center }
.btn-close { position: absolute; right: 0; top: -8px; font-size: 30px; width: 30px; height: 48px; display: block; cursor: pointer }
.loginBox { margin: 0 auto; z-index: 9999; width: 100%; height: 100%; position: fixed; top: 0; left: 0 }
.loginBox .mask { background: url(images/mask-bg.png) repeat; height: 100%; width: 100%; position: absolute; display: table }
.login-box-modern { background: #fff; *opacity: 0.23; width: 280px; height: 340px; padding: 10px 30px; position: relative; top: 50%; margin-top: -180px; left: 50%; margin-left: -170px }
.loginBox .title { font-size: 20px; color: #005aaa; font-weight: bold; border-bottom: 1px solid #005aaa; text-align: center; *position: relative; *height: 12px; line-height: 61px }
.loginBox .btn-tips { color: #005aaa; line-height: 53px; text-align: center; display: table; margin: 0 auto }
.loginBox .btn { text-align: center; border: 0; background: #005aaa; height: 40px; line-height: 40px; color: #fff; font-size: 18px; display: table; *position: relative; *font-size: 16px; margin: 0 auto; width: 100%; cursor: pointer }
.loginBox .form { margin: 20px auto 0; *position: relative }
.loginBox .form .item .input { width: 229px; height: 36px; box-sizing: border-box; padding: 4px 10px; position: absolute; *height: 23px; outline: none; background: #fff; border: 1px solid #dcdcdc }
.loginBox .form .item .input:focus { box-shadow: 0px 0px 10px 0px #ddd }
.loginBox .form .item .code { width: 128px }
.loginBox .divBtn .tipsMsg { color: #f00; font-size: 12px; text-align: center; float: left; width: 100%; line-height: 45px; height: 36px }
.loginBox .checkCode { position: absolute; width: 88px; height: 34px; border: 1px solid #dcdcdc; right: 0; cursor: pointer }
.loginBox .form .item { *width: 40px; height: 56px; position: relative; clear: both }
.loginBox .form .item .titleName { display: inline-block; width: 42px; line-height: 36px; color: #005aaa; padding-right: 10px; text-align: right }
.loginBox .form .wrongTip, .loginBox .form .infotip { line-height: 20px; color: #ff0000; display: table; font-size: 12px; height: 20px; float: left; width: 77%; margin-left: 72px }
#loginTemplate .wrongTip { margin-left: 55px }
.loginBox .register-modern .form .item .titleName { width: 56px; padding-right: 16px; float: left }
.loginBox .register-modern .btn { padding: 0; width: 300px }
.register-modern { width: 380px; padding: 10px 30px; background: #fff; position: absolute; top: 5%; left: 50%; margin-left: -220px }
.register-modern .way { float: left }
.register-modern .way li { float: left; height: 24px }
.register-modern .way li label .radio-icon { background: url(images/icons.png) no-repeat -35px -116px; width: 20px; height: 20px; float: left; margin-right: 10px }
.register-modern .way li label .radio-icon.cur { background-position: 1px -116px }
.register-modern .way li label input { display: none }
.register-modern .steps { width: 100%; height: 44px; line-height: 44px; margin: 20px 0 0; background: #f1f1f1 }
.register-modern .steps ul { display: inline-block; padding: 0 15px 0 5px }
.register-modern .steps li { float: left; margin-right: 10px; color: #999 }
.register-modern .steps li.cur { color: #005aaa }
.register-modern .steps li span { width: 24px; height: 24px; line-height: 24px; border-radius: 50%; background: #ccc; color: #fff; display: inline-block; margin: 0 8px; text-align: center }
.register-modern .steps li.cur span { background: #046bc7 }
.register-modern .steps li.before { color: #000 }
.register-modern .steps li.before span { height: 22px; background: #c40000 }
.register-modern .login-container { display: table; margin: 0 auto }
.register-modern .login-container li { line-height: 36px; display: table; cursor: pointer }
.register-modern .login-container label { float: left; width: 20px; height: 20px; line-height: 36px; color: #005aaa; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: right; margin: 10px 0 }
.register-modern .login-container label.first { width: 80px; margin-left: -30px }
.register-modern .login-container label input { float: left; margin: 10px 5px 2px 5px }
.register-modern .login-container li img { float: left; width: 80px; height: 33px }
.register-modern .login-container ul.tag_options li { width: 226px; height: 30px; line-height: 30px; margin: 0px }
.register-modern .registered-btn { color: #005aaa; font-size: 18px }
.register-modern #grade > select, .register-modern #class > select { width: 228px; height: 36px; line-height: 36px; border: 1px solid #dcdcdc; background: #fff; color: #999 }
.pageList { display: table; margin: 30px auto }
.pageList a { height: 28px; line-height: 28px; border: 1px solid #c9c9c9; background: #fff; color: #666; margin: 0 4px; padding: 0 10px; font-size: 12px; text-align: center; display: inline-block; text-decoration: none; transition: ease-in-out .2s; -webkit-transition: ease-in-out .2s; -moz-transition: ease-in-out .2s }
.pageList a.disabled { color: #d3d3d3 }
.pageList a:hover, .pageList a.cur { border-color: #046bc7; color: #046bc7 }
.pageList a:hover { background: #046bc7; color: #fff }
.pageList .page-cur { float: right; margin-left: 20px; font-size: 12px }
.pageList .page-input { margin: 0 12px; outline: none; border: 1px solid #dfdfdf; width: 38px; height: 28px; color: #333; text-align: center; font-size: 12px; background: #fff }
.pageList a.page-ok { width: 40px; height: 30px; background: #0a7bee; padding: 0; color: #fff; border: navajowhite; line-height: 30px; margin-left: 10px }
.pageList a.page-ok:hover { background: #1d74d6 }
.mask { display: none }
#Mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 10000000 }
#deleted { width: 380px; height: 200px; position: fixed; left: 50%; top: 50%; margin-left: -180px; margin-top: -105px; background: #fff; box-shadow: 0px 0px 35px 1px #858484; z-index: 10000001 }
.mask h2 { cursor: move; height: 40px; line-height: 40px; background: #046bc7; padding: 0 22px; font-size: 18px; color: #fff; display: block }
.mask h2 .close { float: right; height: 40px; text-align: center; display: block; margin: 0 auto }
.mask h2 .close .i-close { height: 40px; float: left; background: url(images/icons.png) no-repeat -436px -24px; width: 15px }
#deleted .mainBox { padding: 48px 0px }
#deleted .mainBox p { line-height: 32px; font-size: 18px; display: table; margin: 0 auto }
.footer {background: #266ea8;clear: both;margin: 40px 0 0 0;}
.footer .f-box { padding: 13px 0 }
.footer p { color: #fff; text-align: center; line-height: 32px }
.footer p > span { padding: 0 10px }
.footer p .i-fStar { background: url(images/icons.png) -500px 2px; width: 15px; height: 15px; display: inline-block; margin-right: 10px; float: none }
.footer a { color: #fff }
.head {min-width: 1200px;}
.head .top { height: 36px; background: #106bbd;}
.head .top a { font-size: 12px; color: #fff; line-height: 36px; display: inline-block;}
.head .top .diagonal { padding: 0 6px; color: #fff }
.head .top .i-star { background: url(images/icons.png) 2px 0px; width: 15px; height: 15px; float: left; margin: 10px 10px 10px 20px }
.head .top .i-user { background: url(images/icons.png) -106px 0px; width: 15px; height: 15px; float: left; margin: 10px 10px 10px 20px }
.head .logo { padding: 54px 0 51px; float: left; height: 74px }
.head .index-search { border: 1px solid #2388ce; border-radius: 5px; width: 340px; float: right; margin-top: 120px }
.head .index-search input { outline: none; border: none; float: left; line-height: 38px; width: 137px; padding: 0 30px; background: #fff url(images/icons.png) no-repeat -194px 14px !important }
.head .index-search select { border: none; float: left; line-height: 38px; width: 90px; height: 38px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 0 10px; background: #fff }
.head .index-search #modelType option { line-height: 38px; height: 38px }
.head .index-search .search-btn { border: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #1d74d6; color: #fff; font-size: 16px; text-align: center; line-height: 38px; width: 53px; display: table; cursor: pointer }
.navigation-box { height: 50px; background: #266ea8; }
.navigation {  min-width: 1200px; }
.navigation ul .h_Line { float: left; line-height: 47px; height: 50px; display: block; position: relative }
.navigation ul .h_Line a {font-size: 18px;color: #fff;display: block; padding: 0px 21px;transition: all ease-in-out .2s;-webkit-transition: all ease-in-out .2s;-moz-transition: all ease-in-out .2s;white-space: nowrap;text-align: center;}
.navigation ul .h_Line:hover > a, .navigation ul .h_Line.cur > a {background: #135082;border-bottom: 3px solid #181b23;}
.navigation ul .h_Line:hover > a:after, .navigation ul .h_Line.cur > a:after { position: absolute; bottom: 3px; left: 50%; margin-left: -4px; display: inline-block; content: ''; width: 0; height: 0; border: 4px solid #f00283; border-color: transparent transparent #333 transparent }
.navigation ul .h_Line .secNav { background: #266ea8; z-index: 9999; display: none; position: absolute; border-top: 1px solid #dce4f0; padding: 0 10px }
.navigation ul .h_Line .secNav > a { line-height: 30px; font-size: 14px; padding: 0 12px; text-align: center; color: #fff; margin: 6px 0 4px }
.navigation ul .h_Line:hover .secNav { display: block }
.navigation ul .h_Line:hover .secNav a:hover, .header .nav ul .h_Line:hover .secNav a.cur { background: #135082; color: #fff }
.navigation ul .h_Line:hover .secNav > li { padding: 6px 0 4px; border-bottom: 1px solid #135082 }
.navigation ul .h_Line:hover .secNav > li a { font-size: 14px; line-height: 20px; min-height: 22px; padding: 4px 12px; text-align: center }
.index1-box { margin:30px 0 0 0;}
.index1-box .index1-left-box {float:left;width:730px;margin: 0 30px 0 0;}
.title-box {height: 44px;background: #f0f0f0;position: relative;}
.title-box .title-inner-box{height: 44px;line-height: 44px;background: url(images/bg_title.png) no-repeat right center;font-size: 22px;color: #fff;/* text-indent: 20px; */position: absolute;left: 22px;top: 0px;padding: 0px 58px 0px 32px;}
.title-box .sub-title {font-size: 12px;color: #999;position: absolute;left: 150px;top: 12px;}
.title-box .more{position: absolute;top:13px;right: 18px;width: 66px;height: 20px;background: url(images/bg_more.png) no-repeat right center;font-size: 12px;color: #999999;text-align: center;}

.title-icon {position: absolute; top: 0px; left: 0px;width: 45px;height: 45px;font-size: 12px;color: #999999;text-align: center;z-index:1;}
.title-icon.icon1{background: url(images/nav1.png) no-repeat right center;}
.title-icon.icon2{background: url(images/nav2.png) no-repeat right center;}
.title-icon.icon3{background: url(images/nav3.png) no-repeat right center;}
.title-icon.icon4{background: url(images/nav4.png) no-repeat right center;}

.intro-box {border: 1px solid #f0f0f0;padding: 20px;/* min-height: 166px; */}
.intro-box .img{float: left;margin: 0 20px 0 0;}
.intro-box .img img{width: 315px;height: 200px;display: block;}
.intro-box .text {text-indent: 2em;line-height: 2.2;padding: 10px 0 0 0;}
.index1-right-box {float:left;width:440px; }

.index2-box {margin: 25px 0 0 0;}
.index2-box .index2-left-box {float: left;width: 300px;margin: 0 30px 0 0;}
.index2-box .index2-right-box {float: left;width: 870px;}

.results-list {margin: 0 0 -15px 0;}
.results-list li{text-align: center;float: left;width: 65px;margin: 0 10px 10px;}
.results-list li a img{width: 56px;height: 56px;}
.results-list li a p {font-size: 12px;color: #333;margin: -5px 0 0 0;height: 21px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.link-box {background: #005aaa;margin: -5px 0 0 0;padding: 15px 15px 10px;min-height:220px;}
.link-list li a{display: block;background: #fff;margin: 0 0 7px;border-radius: 4px;padding: 2px 0 2px 5px;}
.link-list li a .link-icon {font-size: 14px;color: #f0f0f0;font-weight: 700;background: #005aaa;width: 25px;height: 25px;display: inline-block;border-radius: 50%;text-align: center;line-height: 25px;}

.index-display-box {border: 1px solid #f0f0f0;padding: 20px;height: 162px;overflow: hidden;}
.index-display:first-of-type { display: block; }
.index-display li {margin-right: 5px;margin-left: 0px;float: left;width: 202px;}
.index-display .tempWrap { width: 870px !important }
.index-display .imgBox {border: 1px solid #e3e3e3;padding: 5px;background: #fff;height: 150px;display: inherit;}
.index-display img {width: 190px;height: 150px;display: block;}
.index-display .bd {width: 828px;height: 162px;overflow: hidden;}

.qr-code { position: relative; width: 264px; height: 262px }
.qr-code .info { width: 130px; height: 130px; background: #f6f6f6; position: absolute; top: 20px; right: 20px }
.qr-code .info .img { width: 124px; height: 124px; margin: 3px }
.qr-code .qr-code-text { margin-top: 6px }
.qr-code .qr-code-text h4 { font-size: 16px; text-align: center; color: #fff; line-height: 32px }
.qr-code .qr-code-text h5 { font-size: 12px; text-align: center; color: #fff; line-height: 23px }
.index-content, .inner-box { background: #fff; display: inherit; height: 100% }
.index-content .cVideo { float: left; width: 478px; height: 418px; border: 1px solid #e2e2e2 }
.index-content .cVideo .video { margin: 5px; background: #ccc; width: 468px; height: 408px }
.index-content .index-box { border: 1px solid #e5eef9; border-top: none; background: #f1f6fd; position: relative }
.index-content .index-titile { border-top: 1px solid #0956ad; font-size: 18px; line-height: 36px; margin-bottom: 10px; height: 36px }
.index-content .index-titile .bg { background: url(images/index-title-bg.png) no-repeat; width: 166px; height: 36px; position: absolute; left: -1px; top: 0px }
.index-content .index-titile h3 { float: left; color: #fff; line-height: 36px; text-indent: 26px }
.index-content .index-titile .more-btn { float: right; width: 16px; height: 16px; margin: 10px 14px; background: url(images/icons.png) no-repeat 0 -43px }
.index-content p { line-height: 30px }
.index-content .index-team { padding: 5px 18px; display: inline-block }
.index-content .index-team li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #d3dff1 }
.index-content .index-team li:last-child { border-bottom: none; margin-bottom: 0 }
.index-content .index-team .img-box { border: 1px solid #e5eef9; background: #fff; padding: 3px; width: 92px; height: 112px; float: left }
.index-content .index-team .img-box img { height: 100%; width: 100% }
.index-content .index-team .info { margin-left: 110px }
.index-content .index-team .info h4 { font-size: 16px; font-weight: bold; line-height: 16px }
.index-content .index-team .info p { line-height: 25px; text-align: justify; margin-top: 4px }
.index-content .index-new .more { float: right; color: #898989; font-size: 14px }
.index-content .index-new ul { margin: 0 0 10px 0; display: table }
.index-content .index-new ul li { float: left; line-height: 28px }
.index-content .index-new ul li .i-dot { float: left; width: 4px; height: 4px; background: #333; margin: 12px 10px 12px 0 }
.index-content .index-new ul li:hover .i-dot, .indexList ul li.cur .i-dot { background: #1d74d6 }
.index-content .index-new ul li a { float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 430px }
.index-content .index-new ul li a:hover { color: #1d74d6 }
.index-content .index-new .tempWrap { height: 160px !important }
.index-content .nav-li { line-height: 16px; position: absolute; right: 15px; top: 14px }
.index-content .nav-li a { font-size: 14px; color: #666; margin-left: 24px }
.index-content .nav-li a:hover, .nav-li a.cur { color: #1d74d6; font-weight: bold }
.index-content .index-display { display: none; padding-top: 10px }
.index-content .index-display li { margin-right: 6px; margin-left: 0px; float: left; width: 162px }
.index-content .index-display .tempWrap { width: 834px !important; height: 132px !important }
.index-content .index-display .imgBox { border: 1px solid #e3e3e3; padding: 5px; background: #fff; height: 120px; width: 150px; display: inherit }
.index-content .index-display img { width: 150px; height: 100% }
.index-content .index-zykcq { width: 264px; height: 242px; background: #1d74d6 }
.index-content .index-zykcq .title { margin-bottom: -4px; position: relative }
.index-content .index-zykcq .link-a { height: 42px; line-height: 42px; width: 100%; background: #fff; border-radius: 5px; font-weight: bold; color: #1d74d6; text-align: center; display: inline-block; margin: 7px 0 }
.index-content .index-zykcq .more { float: right; color: #f6f6f6; position: absolute; right: 0px; top: 0px; font-size: 12px; line-height: 36px }
.inner-box .left-menu { float: left; width: 250px }
.left-menu .title { background: url(images/left-menu-bg.jpg) no-repeat 0 0; width: 230px; height: 80px; font-size: 24px; font-weight: bold; color: #fff; padding-left: 20px; position: relative }
.left-menu .title h4 { font-size: 20px; color: #fff; text-indent: 45px; line-height: 50px }
.left-menu .title h6 { font-size: 16px; line-height: 36px; font-family: "Arial"; position: absolute; top: 20px; text-transform: uppercase;overflow:hidden; width: 209px; height: 42px; }
.left-menu .title h6:first-letter { font-size: 50px; letter-spacing: 18px; text-transform: uppercase; font-family: "Impact" }
.left-menu ul { margin-top: 10px }
.left-menu li { line-height: 58px; background: #f8f9fa; border-bottom: 1px solid #e6e6e6 }
.left-menu li a { color: #4c4c4c; line-height: 58px; font-size: 16px; text-indent: 28px; text-decoration: none; display: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.left-menu li:hover a, .left-menu li.cur a { color: #1d74d6; background: #fff }
.inner-box .inner-Right { padding-left: 30px; width: 880px }
.inner-box .pd20 > .inner-Right { min-height: 500px }
.inner-box .inner-Right .topInfo { border-bottom: 1px solid #1d74d6; display: table; width: 100%; height: 35px; }
.inner-box .inner-Right .topInfo .title { float: left;font-size: 16px;padding: 0px 55px 0px 16px;height: 36px; line-height: 36px;color: #fff; background: url(images/inner-title-bg.png) no-repeat right bottom; }
.inner-box .i-map { background: url(images/icons.png) no-repeat 0 -43px; width: 14px; height: 20px; margin-right: 8px; float: left; margin-top: 16px }
.inner-box .inner-Right li { line-height: 52px; border-bottom: 1px dashed #d6d6d6; padding: 0 10px; position: relative }
.inner-box .inner-Right li a { font-size: 16px; display: block; width: 86%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.inner-box .inner-Right li:hover a, .inner-box .inner-Right li:hover .date { color: #046bc7 }
.inner-box .inner-Right li .date { position: absolute; color: #999; right: 0; top: 0 }
.inner-box .inner-Right .show-title { font-size: 18px; margin: 20px 0 5px }
.inner-box .inner-Right .show-time { color: #999; border-bottom: 1px solid #eaeaea; padding: 0 0 10px }
#viewerPlaceHolder { margin: 26px auto 36px; min-height: 700px; overflow: hidden }
#viewerPlaceHolder img { max-width: 100% }
.inner-box .display-li { margin-top: 20px; display: table; width: 100% }
.inner-box .display-li p { margin-left: -20px }
.inner-box .display-li a { float: left; margin-left: 19px; width: 206px }
.inner-box .display-li p .title { font-size: 16px; line-height: 48px; text-align: center; display: inherit; width: 200px; height: 48px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.inner-box .display-li img { padding: 2px; border: 1px solid #e3e3e3; display: block; width: 200px; height: 145px }
.inner-box #fancybox-content { max-width: 920px; max-height: 745px }
.inner-box .cVideo { width: 640px; height: 360px; margin: 40px auto }
.inner-box .cVideo .video { margin: 5px; background: #ccc; width: 640px; height: 360px }
.user-form-box { padding: 20px 0; color: #666 }
.user-form-box dl { margin: 20px 0; line-height: 34px; clear: both; display: table; width: 100% }
.user-form-box dl dt { float: left; width: 110px; text-align: right; margin: 0 15px 0 0; font-size: 14px }
.user-form-box .form-input { width: 300px; height: 32px; border: 1px solid #cad3db; background: #fff; text-indent: 12px; line-height: 32px }
.user-form-box .form-input:focus { border-color: #0a7bee; box-shadow: 0 0 6px rgba(10,123,238,0.4) }
.user-form-box .form-select { height: 32px; border: 1px solid #dee8f1; background: #fff; text-indent: 12px; line-height: 32px; width: 200px }
.user-form-box .form-textarea { width: 510px; outline: none; background: #fff; padding: 5px 10px; border: 1px solid #cad3db; resize: none; line-height: 20px }
.user-form-box .send-file { float: left; width: 116px; height: 34px; line-height: 34px; border: 1px solid #cad3db; text-align: center; font-size: 14px; color: #666; display: table; margin: 0; position: relative }
.user-form-box .send-file > input { position: absolute; left: 0; top: 0; width: 116px; height: 34px; width: 116px \9; height: 34px \9; line-height: 34px; opacity: 0; cursor: pointer; outline: none; border: none; z-index: -99 \9 }
.user-form-box .fileName { float: left; margin-left: 20px; line-height: 36px; color: #999; font-size: 12px }
.user-form-box .save-btn { padding: 0 20px; height: 32px; line-height: 32px; color: #fff; background: #0a7bee; text-align: center; font-size: 16px; outline: none; border: none; cursor: pointer; border-radius: 2px }
.inner-box .team-ul { margin-top: 0 }
.inner-box .team-ul li { padding: 20px 0; display: table; line-height: normal !important; width: 100% }
.inner-box .team-ul li img { width: 94px; height: 114px; padding: 2px; border: 1px solid #e1e4e6; display: table }
.inner-box .team-ul li h3 { font-size: 18px; line-height: 24px; margin-bottom: 6px }
.inner-box .team-ul li h3 span { font-size: 14px; color: #999; margin-left: 20px }
.inner-box .team-ul li p { color: #666; line-height: 24px }
.inner-box .team-ul li a.more-btn { color: #959090; width: auto; height: 24px; line-height: 24px; margin-top: 10px; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; font-size: 14px; color: #1d74d6 }
.inner-box .team-ul li .team-info { margin-left: 120px; display: table }
.inner-box .evaluation-bar { height: 70px; margin: 12px 0 0; padding: 0 20px; background: #f0f0f0 }
.inner-box .evaluation-bar h4 { float: left; font-weight: bold; font-size: 16px; line-height: 70px; margin-right: 40px }
.inner-box .evaluation-bar span { line-height: 70px; color: #999; float: left }
.inner-box .evaluation-bar .eval-btn { float: left; color: #ff4800; border: 1px solid #ff4800; width: 88px; height: 34px; line-height: 34px; margin: 17px 0 17px 15px; display: inline-block; text-align: center; border-radius: 2px }
.inner-box .evaluation-bar .eval-btn.cur, .inner-box .evaluation-bar .eval-btn:hover { background: #ff4800; color: #fff }
.inner-box .eval-display .header { height: 44px; line-height: 44px; background: #f0f0f0; padding: 0 20px; margin-top: 20px; font-size: 18px; font-weight: bold }
.inner-box .eval-display li { height: 56px; line-height: 56px; border-bottom: 1px dashed #dcdcdc; clear: both; padding: 0 20px }
.inner-box .i-orange-star { background: url(images/icons.png) no-repeat -482px -36px; width: 18px; height: 18px; float: left; margin: 20px 10px 20px 2px }
.inner-box .eval-display li p { float: left; margin-right: 56px; width: 130px }
.inner-box .eval-display li .position { width: 320px; display: block; float: left }
.inner-box .eval-display li .score { width: 150px; display: block; float: left }
.inner-box .inner-Right .eval-display li .view-btn { color: #666; line-height: 56px; width: auto; font-size: 14px }
.inner-box .inner-Right .eval-display li:hover .view-btn { color: #ff4800 }
.inner-box .eval-show-box { padding: 5px; border: 1px solid #dcdcdc; margin: 7px 0 20px }
.inner-box .eval-show-box #boxscroll { height: 698px; overflow: auto; padding: 24px }
.inner-box .eval-show-box h4 { font-size: 20px; text-align: center }
.inner-box .eval-show-box p { line-height: 30px; color: #666 }
.inner-box .eval-show-box .tips { border-bottom: 2px solid #ddd; padding: 14px 0 18px }
.inner-box .question-box-list { margin-bottom: 15px; display: inline-block; width: 100% }
.inner-box .question-box-list .qul { margin-left: 12px; padding-bottom: 20px }
.inner-box .question-box-list .exe-title { line-height: 36px }
.inner-box .question-box-list li { line-height: 32px; border-bottom: none; float: left; margin: 0 10px 0 0; cursor: pointer }
.inner-box .question-box-list li > input { display: none }
.inner-box .question-box-list li b { color: #666; width: 19px; height: 18px; background: url(images/icons.png) no-repeat -32px -83px; margin-left: 10px; margin-right: 2px; display: inline-block; vertical-align: middle }
.inner-box .question-box-list li b.select { background-position: 0 -83px }
.inner-box .question-box-list li.checkbox b { background: url(images/checkbox.png) no-repeat; width: 16px; height: 16px; margin-top: -2px }
.inner-box .question-box-list li.checkbox b.select { background-position: 0 -16px }
.inner-box .question-box-list .answer-box { line-height: 26px; padding: 0 10px; margin: 10px 20px 0px; border: 1px solid #dcdcdc; color: #999; width: 95%; resize: none; background: #fff }
#feekBack .infotip { padding-left: 10px; line-height: 34px; color: #c40000; font-size: 12px; font-family: 'Microsoft YaHei' }
.select_box { float: left; height: 35px; position: relative }
div.tag_select { width: 190px; height: 33px; line-height: 33px; display: block; border: 1px solid #ddd; padding: 0 22px 0 12px; background: transparent url(/assets/images/sprites.png) no-repeat 40px 0px }
div.tag_select_hover { line-height: 33px; width: 190px; display: block; padding: 0 22px 0 12px; border: 1px solid #ddd; background: transparent url(/assets/images/sprites.png) no-repeat 40px 0px }
div.tag_select_open { line-height: 33px; width: 190px; display: block; padding: 0 22px 0 12px; border: 1px solid #ddd; background: transparent url(/assets/images/sprites.png) no-repeat 40px -33px }
ul.tag_options { width: 225px; max-height: 251px; position: absolute; background: #fff; list-style: none; margin: 0; border: 1px solid #ddd; overflow-y: auto; overflow-x: hidden }
ul.tag_options li { width: 100%; height: 28px; line-height: 28px; display: block; text-decoration: none; text-align: left; text-indent: 10px; white-space: nowrap }
ul.tag_options li.open_hover { background: #0099ff; color: #fff }
ul.tag_options li.open_selected { background: #0099ff; color: #fff }
.index-content { background: #fff; height: 500px }
.index-tab { float: left; width: 30px; padding: 20px 10px; display: table }
.index-tab a { color: #fff; border-bottom: 1px solid #e5e5e5; background: #656d79; vertical-align: middle; padding: 9px 8px; line-height: 18px; display: table; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s }
.index-tab a:first-child { padding: 5px 8px }
.index-tab a:hover, .index-tab a.cur { background: url(images/index-tab-bg.jpg) no-repeat 0 0 }
.index-content .tab-content { float: left; height: 100%; border-bottom: 1px solid #158dfa; display: none }
.index-content .tab-content .leftside { float: left; width: 230px; height: 100%; background: #1d74d6 }
.index-content .tab-content .leftside .inner { padding: 16px 10px }
.index-content .tab-content .leftside .slidebox { position: relative; background: url(images/index-leftside-bg.png) no-repeat left center; width: 210px; height: 300px; margin: 32px 0 }
.leftside .title { display: table; margin: 0 auto; color: #fff; line-height: 30px }
.leftside .title h4 { font-size: 18px; text-align: center; border-bottom: 1px solid #fff }
.leftside .title h6 { text-align: center; font-size: 12px }
.index-content .tab-content .leftside .hd { height: 15px; overflow: hidden; display: table; margin: 0 auto; padding: 320px 0 0 }
.index-content .tab-content .leftside .hd ul { overflow: hidden; zoom: 1; float: left }
.index-content .tab-content .leftside .hd ul li { float: left; margin: 0 5px; width: 8px; height: 8px; background: #fff; cursor: pointer; opacity: .3; border-radius: 50%; text-indent: -9999px }
.index-content .tab-content .leftside .hd ul li.on { opacity: 1 }
.index-content .tab-content .leftside .bd { width: 190px; height: 300px; position: absolute; left: 10px; top: 0 }
.index-content .tab-content .leftside .tempWrap { width: 190px !important }
.index-content .tab-content .leftside .bd li { float: left; width: 190px }
.leftside .bd li h5 { font-size: 14px; color: #5a9cd8; text-align: center; line-height: 22px; margin-top: 15px; padding: 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.leftside .bd li p { color: #808080; font-size: 12px; text-align: center; line-height: 28px }
.leftside .bd li .more-btn { background: url(images/index-leftside-btn.png) no-repeat 0 0; color: #fff; font-size: 12px; width: 75px; height: 24px; line-height: 24px; text-align: center; display: table; margin: 10px auto 0 }
.leftside .bd li .imgbox { width: 100%; height: 135px; margin-top: 40px }
.leftside .bd li .imgbox img { width: 100%; height: 120px }
.index-content .tab-content .rightside { float: left; width: 660px; height: 488px; padding: 5px 0; margin-left: 20px; overflow: hidden }
.index-content .tab-content .rightside.first-box { width: 900px }
.rightside .w329 { float: left; width: 329px }
.rightside .w330 { float: left; width: 330px }
.rightside .w165 { float: left; width: 163px; height: 162px; border: 1px solid #fff }
.rightside .width25 { float: left; width: 25% }
.rightside .width50 { float: left; width: 50%; height: 162px }
.rightside h3 { font-size: 22px; line-height: 30px; margin-top: 13px; color: #333 }
.rightside h4 { font-size: 16px; font-family: "Arial"; color: #999; text-transform: capitalize }
.rightside .more-btn { width: 78px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #e5e5e5; display: table; margin: 20px 0 20px; color: #ccc }
.rightside .more-course { position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -40px; border-color: #fff; color: #fff; text-transform: uppercase }
.rightside .pic-show { width: 100%; height: 162px }
.rightside .pic-show2:hover { }
.rightside .pic-show2 { position: relative; height: 162px }
.rightside .pic-show2 .cover { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5) }
.rightside .pic-show2:hover .cover { display: block }
.rightside .pic1 { float: left; width: 328px; height: 162px }
.rightside .pic2 { float: left; width: 163px; height: 162px; border: 1px solid #fff }
.rightside img { width: 100%; height: 100%; display: block }
.rightside .bgwhite { border: 1px solid #fff; float: left; height: 162px; padding: 0 10px; width: 100%; box-sizing: border-box }
.rightside .bgwhite.txtright { text-align: right }
.rightside .bgwhite.txtright .more-btn { float: right }
.rightside .bgwhite h3 { }
.rightside .bgwhite h4 { }
.rightside .bgwhite .more-btn { background: #fff; border-color: #bababa; color: #bababa }
.rightside .bgwhite .more-btn:hover { background: #1d74d6; border-color: #1d74d6; color: #fff }
.rightside .more-btn.blue { background: #1d74d6; border-color: #1d74d6; color: #fff; text-transform: uppercase }
.rightside .bgorange { background: #f6cb00; color: #fff }
.rightside .bgorange h3 { color: #fff; text-indent: 5px }
.rightside .bgorange h4 { color: #fff; text-indent: 5px }
.rightside .bgorange .more-btn { display: table; margin: 24px auto 33px; color: #fff; border-color: #fff }
.rightside .bgblue { background: #4ec4ff; color: #fff }
.rightside .bgblue h3 { color: #fff; text-indent: 20px }
.rightside .bgblue h4 { color: #fafafa; text-indent: 20px }
.rightside .bgblue .more-btn { display: table; margin: 24px auto 33px; color: #fff; border-color: #fff }
.rightside .bggray h3, .rightside .bggray h4 { text-indent: 20px }
.rightside .bggray .more-btn { margin-left: 20px }
.rightside .shucai { border: 1px solid #fff; float: left; height: 162px; padding: 0 10px; box-sizing: border-box }
.rightside .shucai h4 { color: #b2b2b2 }
.index-content .hot-resource { display: none; float: right; width: 220px; height: 500px; padding-left: 20px; border-bottom: 1px solid #158dfa; position: relative }
.index-content .hot-resource h5 { color: #2483d8; text-align: center; font-size: 18px; margin-top: 12px }
.index-content .hot-resource .hot-list { background: url(images/hot-list-bg.png) no-repeat left top; float: left; width: 220px; display: inline-block; margin-top: 4px; padding-bottom: 10px; height: 390px }
.index-content .hot-resource .hot-list li { width: 100%; float: left }
.index-content .hot-resource .hot-list span { float: left; width: 20px; text-align: center; color: #fff; line-height: 30px }
.index-content .hot-resource .hot-list a { padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; width: 72%; font-size: 12px; color: #545e64; line-height: 30px }
.index-content .hot-resource .hot-list a:hover { color: #2483d8 }
.breadmenu { color: #999; padding: 0 0 12px }
.breadmenu a { color: #999 }
.resource-sch { float: right; height: 30px; position: relative; width: 170px; box-sizing: border-box; font-size: 12px; color: #bebebe; margin: 15px 20px 15px }
.resource-sch .search-icon { background: #0a7bee url(images/icons_reslib.png) no-repeat -375px 5px; width: 41px; height: 30px; color: #fff; position: absolute; right: 0; top: 0; z-index: 3; cursor: pointer }
.resource-sch .search-input { line-height: 28px; height: 28px; position: absolute; left: 0px; top: 0; width: 118px; background: #fff; border: 1px solid #e5e5e5; padding: 0 5px }
.resources { float: right; width: 100% }
.resources .resources-main { background: #fff; width: 100%; display: inline-block; min-height: 380px }
.resources .tab-switch ul li { width: 100px; border-bottom: none }
.resources .tab-switch ul li.cur:before { left: 52px }
.resources .resources-content { padding: 0 20px 20px; display: none }
.resources .list { width: 100%; padding-bottom: 20px; border-bottom: 1px dashed #e8e8e8; display: inline-block; padding-top: 20px }
.resources .list .l-list { display: block; float: left }
.resources .list .doc-list-img { float: left; width: 160px; height: 110px; margin-right: 12px }
.resources .list .doc-list-img img { display: block; width: 160px; height: 110px }
.resources .list .doc-list-img.w90 { width: 90px }
.resources .list .doc-list-img.w90 img { width: 85px; height: 107px }
.resources .list .doc-list-title { line-height: 20px }
.resources .list .doc-list-text { margin: 16px 0 0; font-size: 12px; color: #666; width: 800px; height: 45px; overflow: hidden }
.resources .list .doc-list-title a { line-height: 18px; font-size: 16px; color: #333; margin-left: 5px }
.resources .list .doc-list-title a:hover { color: #2484db }
.resources .list .list2 { display: inline-block; line-height: 18px; padding-top: 12px; font-size: 12px; color: #999 }
.resources .list .list1 { height: 18px; display: block; font-size: 12px; float: left; margin-right: 34px }
.resources .list .list2 .star { float: left; display: block; line-height: 14px; width: 90px }
.resources .list .list2 .score { padding-left: 10px; padding-right: 5px; color: #000 }
.resources .list .doc-list-commentary { line-height: 20px; padding-top: 6px; font-size: 12px; color: #666 }
.resources .list .doc-list-commentary span { margin-right: 30px }
.resources .list .doc-list-info { height: 16px; padding-top: 12px; color: #666; font-size: 12px }
.resources .list .doc-list-info span { display: block; float: left; margin-right: 30px; line-height: 16px }
.resources .list .r-btn { float: right; width: 100px; display: block; position: relative }
.resources .list .r-btn a { color: #828e9a; border: 1px solid #cfd7df; font-size: 14px; margin: 30px 0 0; width: 98%; display: inline-block; line-height: 32px; cursor: pointer; text-align: center; transition: ease-in-out .2s; -webkit-transition: ease-in-out .2s; -moz-transition: ease-in-out .2s }
.resources .list .r-btn a:hover { color: #fff; border: 1px solid #158dfa; background: #158dfa; cursor: pointer }
.resources .list .r-btn .app-code { position: absolute; width: 106px; height: 106px; top: 0px; left: -130px; display: none }
.resources .list .r-btn .app-code img { width: 100% }
.format { padding: 15px 20px; background: #eee; display: table; width: 100%; box-sizing: border-box; margin: 20px 0 }
.format label { font-size: 16px; color: #666; line-height: 30px; position: absolute }
.format .format-li { margin-left: 55px; float: left }
.format .format-li a { float: left; line-height: 30px; text-align: center; padding: 0 18px; color: #666; margin-bottom: 5px }
.format .format-li a:hover, .format .format-li a.cur { color: #fff; background: #0a7bee }
.tab-switch { height: 60px; border-top: 1px solid #f0f0f0; position: relative; border-bottom: 1px solid #f0f0f0 }
.tab-switch ul li { float: left; width: 140px; border-top: 3px solid transparent; font-size: 16px; color: #333; text-align: center; line-height: 60px; display: block; cursor: pointer }
.tab-switch ul li.cur { position: relative; border-top-color: #2484db; color: #2484db }
.tab-switch ul li.cur:before { content: " "; position: absolute; top: 0px; left: 67px; border: 8px solid transparent; border-top-color: #2484db }
.tab-switch ul li.cur a { color: #2484db }
.course-show-content { min-height: 607px }
.ic { display: -moz-inline-stack; display: inline-block; *display: inline; *zoom: 1; padding: 0; vertical-align: -4px; font-size: 0; line-height: 9999em; overflow: hidden; position: relative; *position: static; width: 16px; height: 18px; background: url(images/icons_reslib.png) no-repeat }
.ic-star-s-on { background-position: 0 -29px }
.ic-star-s-off { background-position: -20px -29px }
.ic-star-s-half { background-position: 0 -29px }
.commstar { display: inline-block; background: url(images/big-stars.png) repeat-x 0-40px; height: 20px; width: 98px; vertical-align: -4px; position: relative }
.commstar a { display: inline-block; height: 20px; vertical-align: -5px; position: absolute; top: 0; left: 0 }
.commstar .active { background: url(images/big-stars.png) repeat-x }
.commstar .hover { background: url(images/big-stars.png) repeat-x }
.commstar .star1 { width: 20%; z-index: 9 }
.commstar .star2 { width: 40%; z-index: 8 }
.commstar .star3 { width: 60%; z-index: 7 }
.commstar .star4 { width: 80%; z-index: 6 }
.commstar .star5 { width: 100%; z-index: 5 }
.star-act { display: inline-flex; vertical-align: -5px }
.star-act .ct-star { display: inline-block; margin: 0 1px; width: 16px; height: 19px; background: url(images/icons_reslib.png) no-repeat -20px -29px; vertical-align: -2px }
.star-act .ic-star-off { background-position: -20px -29px }
.star-act .ic-star-on { background-position: 0 -29px }
.f-star { display: inline-block; height: 20px; background-position: left -62px; margin-left: 10px; vertical-align: -5px; font-size: 14px; vertical-align: top; font-weight: normal; color: #999; line-height: 20px }
i { background: url(images/icons_reslib.png) no-repeat 0 0; width: 18px; height: 20px; float: left; margin: 0 3px }
i.i-user { background-position: 0 -63px }
i.i-sort { background-position: -29px -63px }
.i-upload-time { background-position: 0 -146px; height: 17px }
.i-view { background-position: -43px -146px; width: 25px; height: 16px }
.i-download { background-position: -88px -145px; height: 16px }
i.i-answer { background-position: 0px -185px }
i.i-view1 { background-position: -34px -186px }
i.user { background-position: -63px -61px }
.i-tips { background-position: 0 -225px }
i.i-jilu { background-position: -325px 0; float: left; width: 25px; height: 25px; margin: 10px 5px 0 }
i.i-smile { background-position: -30px -228px; float: left; width: 25px; height: 25px }
i.i-ee { background-position: -74px -228px; float: left; width: 25px; height: 25px }
i.i-pic { background-position: -116px -228px; float: left; width: 25px; height: 25px }
i.i-upfile { background-position: -156px -228px; float: left; width: 25px; height: 25px }
i.i-right { background-position: 4px -224px; float: left; width: 25px; height: 25px; margin: 10px 5px 0 }
i.i-close { background-position: -365px -2px; float: right; width: 25px; height: 20px; margin-right: 15px }
i.i-add { background-position: -405px 0px; float: right; width: 25px; height: 24px; margin: 13px 10px }
i.i-jian { background-position: -440px 2px; float: right; width: 25px; height: 24px; margin: 13px 10px }
i.i-jia { background-position: -405px 2px; float: right; width: 25px; height: 24px; margin: 13px 10px }
i.i-search { background-position: -532px -40px; float: left; width: 25px; height: 24px; margin: 0px 5px; cursor: pointer }
i.i-cacalendar { background-position: -567px -40px; float: left; width: 25px; height: 24px; margin: 0px 5px; cursor: pointer }
i.i-search:hover, i.i-search.cur { background-position: -532px 2px; float: left; width: 25px; height: 24px; margin: 0px 5px; cursor: pointer }
i.i-cacalendar:hover, i.i-cacalendar.cur { background-position: -567px 2px; float: left; width: 25px; height: 24px; margin: 0px 5px; cursor: pointer }
i.i-radioNo:hover, i.i-radio { background-position: -54px -180px; float: left; width: 13px; height: 18px; margin: 22px 0px; cursor: pointer }
i.i-radioNo { background-position: -89px -180px; float: left; width: 13px; height: 18px; margin: 22px 0px; cursor: pointer }
i.i-checkbox { background-position: -161px -180px; float: left; width: 16px; height: 18px; margin: 10px 0px 0; cursor: pointer }
i.i-checkbox:hover, i.i-checkboxSel { background-position: -128px -180px; float: left; width: 16px; height: 18px; margin: 10px 0px 0; cursor: pointer }
i.ic-png { background-position: -782px 4px }
i.ic-jpg { background-position: -762px 4px }
i.ic-gif { background-position: -743px 4px }
i.ic-album { background-position: -723px 4px }
i.ic-ppt { background-position: -782px -17px }
i.ic-xls { background-position: -763px -17px }
i.ic-doc { background-position: -742px -17px }
i.ic-pptx { background-position: -782px -37px }
i.ic-xlsx { background-position: -763px -37px }
i.ic-docx { background-position: -742px -37px }
i.ic-wps { background-position: -782px -57px }
i.ic-pdf { background-position: -763px -96px }
i.ic-fla { background-position: -893px -55px }
i.ic-swf { background-position: -742px -96px }
i.ic-mp3 { background-position: -782px -116px }
i.ic-asf, i.ic-avi, i.ic-mpg, i.ic-mp4, i.ic-flv, i.ic-3gp, i.ic-mov, i.ic-wmv, i.ic-rmvb { background-position: -763px -116px }
i.ic-pps { background-position: -743px -117px }
i.ic-rar, i.ic-zip { background-position: -724px -117px }
i.ic-txt { background-position: -743px -136px }
i.ic-psd { background-position: -782px -157px }
i.ic-rtf { background-position: -763px -156px }
i.ic-cdr { background-position: -743px -156px }
i.ic-bhp { background-position: -722px -156px }
i.ic-vsd { background-position: -702px -156px }
i.ic-pub { background-position: -762px -177px }
i.ic-epub { background-position: -782px -177px }
i.ic-tif { background-position: -743px -177px }
.inner-box { }
.inner-box .inner-Right { }
.inner-box .inner-Right img { max-width: 100% }
.inner-box .inner-Right .topInfo { }
.inner-box .inner-Right .topInfo .title { }
#viewerPlaceHolder { }
.display .header_mod { margin: 0 0 20px 0 }
.display .reader_mod { padding-bottom: 0px; width: 100% }
.display .reader_mod_box { padding-bottom: 0px; width: 100%; overflow: hidden }
.display .header_mod h1 { height: 38px; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.display .header_mod h1 i { margin: 8px 0 }
.display .header_mod .doc_title { line-height: 38px; font-size: 20px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; margin-left: 10px }
.display .reader_mod .reader_tools { height: 45px; line-height: 45px; border-right: 1px solid #e4ecf3; z-index: 9; zoom: 1; background-color: #efefef; position: relative }
.display .reader_mod .reader_tools.wd100 { position: fixed; top: 0px; left: 0; width: 100%; height: 44px; box-shadow: 0 1px 0 #C7C7C7; z-index: 105 }
.display .reader_mod .reader_tools.wd100 .center { min-width: 746px; max-width: 966px; width: 78% }
.display .reader_mod .reader_tools .center { position: relative; width: 100%; height: 45px }
.display .reader_page { height: 45px; width: 100%; color: #000; text-align: center }
.display .reader_page .ico_rd { height: 45px; width: 30px; display: inline-block; padding: 0; font-size: 0; line-height: 9999em; overflow: hidden; margin: 0 2px }
.display .reader_page .slash { float: left; height: 45px; line-height: 45px; position: absolute; width: 5px }
.display .reader_page .page_cur { border: 1px solid #dfdfdf; width: 32px; height: 16px; text-align: center; background-color: #fff; line-height: 16px; border-radius: 3px; padding: 2px; ime-mode: disabled; vertical-align: 13px; margin-right: 5px }
.display .reader_page .page_cur:focus { box-shadow: 0 0 1px #ccc }
.display .reader_page .page_num { font-family: tahoma; vertical-align: 13px; margin-left: 10px }
.display .ico_rd { background: url(images/icons.png) no-repeat -288px -145px }
.display .page_prev, .page_prev_no { background-position: -205px -130px }
.display .page_next, .page_next_no { background-position: -235px -130px }
.display .page_prev:hover { background-position: -145px -130px }
.display .page_next:hover { background-position: -175px -130px }
.display .reader_container { position: relative; z-index: 100; margin-top: 5px }
.display .reader_container .reader_inner { position: relative }
.display .reader_container .model { text-align: center; background-color: #fff }
.display .reader_container .model img { width: 98%; display: block; margin: 0 auto }
.display .reader_container .adBox { text-align: center; background-color: #fff; position: relative; z-index: 2 }
.doc-comment { margin-top: 30px; margin-bottom: 40px; clear: both }
.doc-comment h4 { height: 16px; line-height: 16px; padding-left: 12px; font-size: 16px; color: #333; font-weight: bold; border-left: 3px solid #0a7bee }
.doc-comment h4 span.tip { font-size: 12px; display: none; color: red; font-weight: normal }
.post-comment-wrap { margin-top: 20px }
.post-comment-wrap .add-ct-tip { float: left; width: 100% }
.post-comment-wrap .add-ct-tip .add-ct-wrap { width: 100%; border: 1px solid #d8e4ef; position: relative; background-color: #fff; resize: none }
.post-comment-wrap .add-ct-tip .post-comment-ipt { color: #333; width: 100%; height: 60px; font-size: 12px; border: 0; outline: 0; background: 0; resize: none }
.post-comment-wrap .add-ct-tip p.length-tip { position: absolute; right: 5px; bottom: 0px; color: #999; font-size: 12px }
.post-comment-wrap .add-ct-tip a.post-comment-btn { float: right; width: 108px; height: 34px; line-height: 34px; border: 1px solid #d8e4ef; margin-top: 10px; font-size: 12px; color: #adadad; text-align: center; transition: ease-in-out .2s; -moz-transition: ease-in-out .2s; -webkit-transition: ease-in-out .2s }
.post-comment-wrap .add-ct-tip a.post-comment-btn:hover { border-color: #0a7bee; color: #0a7bee }
.res_show_right { width: 280px; position: absolute; top: 120px; right: 0 }
.res_show_right .inner-Right { }
.res_show_right .download_btn { margin-top: 20px; z-index: 20; display: inline-block; position: relative; width: 100% }
.res_show_right .download_btn a { border: 1px solid #158dfa; color: #158dfa; float: left; height: 36px; line-height: 36px; text-align: center; transition: all .2s; -moz-transition: all .2s; padding: 0 6px }
.res_show_right .download_btn a.cur { display: block; font-size: 14px; background: #158dfa; text-decoration: none !important; color: #fff }
.res_show_right .download_btn a.link-mr { margin-right: 12px }
.res_show_right .download_btn i { background: url(images/icons_reslib.png) no-repeat -480px -140px; width: 24px; height: 36px; float: left; margin-right: 6px }
.res_show_right .download_btn a .ico_download { background-position: -480px -140px }
.res_show_right .download_btn a .ico_sort { background-position: -480px -140px }
.res_show_right .download_btn a.cur .ico_download { background-position: -428px -140px }
.res_show_right .download_btn a.cur .ico_sort { background-position: -480px -140px }
.res_show_right .download_btn a .ico_sort.cur { background-position: -520px -140px }
.res_show_right .user_mod .inner { position: relative; overflow: hidden; color: #3c3c3c }
.res_show_right .user_mod .inner .user-Info { height: 60px; padding-bottom: 20px }
.res_show_right .user_mod .inner .user-Info img { float: left; width: 60px; height: 60px; display: block; border-radius: 50px }
.res_show_right .user_mod .inner .user-Info p { margin-left: 70px; line-height: 28px; font-size: 14px; color: #4c4c4c }
.res_show_right .user_mod .inner .doc_info { color: #000; width: 100%; float: left; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 }
.res_show_right .user_mod .info_list { width: 100%; float: left; font-size: 14px; color: #666; line-height: 34px; margin-top: 10px; margin-bottom: 10px }
.res_show_right .user_mod .info_list dt { float: left; text-align: left }
.res_show_right .user_mod .info_list dd { float: left; width: 148px; text-indent: 5px }
.res_show_right .user_mod .info_list dd span.zy-score { font-size: 30px; color: #1b77d4 }
.res_show_right .user_mod .info_list dd i { margin-top: 5px }
.res_show_right .user_mod .info_list dd a { color: #006699 }
.res_show_right .user_mod .info_list dd a:hover { color: #2284E2; text-decoration: underline }
.res_show_right .user_mod .info_list dd .star { float: left; display: block; line-height: 14px; width: 96px; margin: 5px 0 }
.res_show_right .user_mod .innerShow { height: auto }
.res_show_right .user_mod .user_doc_mod_title { border-left: 3px solid #63ae42; text-indent: 12px; font-size: 16px; color: #666; line-height: 14px }
.res_show_right .user_mod .rel-res { margin-top: 20px }
.res_show_right .user_mod .rel-res li { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #e4ecf3 }
.res_show_right .user_mod .rel-res li:last-child { border-bottom: none }
.res_show_right .user_mod .rel-res .imgbox { width: 240px; height: 164px; margin-bottom: 10px }
.res_show_right .user_mod .rel-res span { font-size: 12px; color: #999 }
.res_show_right h5 { line-height: 22px; border-left: 3px solid #158dfa; padding-left: 12px; font-size: 16px; font-weight: bold; color: #222b44 }
.res_show_right .code { margin: 20px auto; width: 146px; height: 146px }
.res_show_right .code img { width: 100% }
.no-comment { display: table; margin: 0 auto }
.border-bottom { border-bottom: 1px solid #eee }
.material-box { position: relative; width: 100%; padding: 20px; box-sizing: border-box }
.material-box .inner-Right { padding: 0 }
.material-model { width: 260px; border: 1px solid #eee; padding: 20px; box-sizing: border-box }


.indexInfoList{height: 34px;line-height: 34px;padding: 0px 16px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.indexInfoList:hover{background-color:#f1f2f3;}