﻿@charset "utf-8";
/*公共样式部分 */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,em,font,img,small,strong,b,u,i,s,dl,dt,dd,ol,ul,li,fieldset,form,label,input,table,tr,td { padding: 0px; margin: 0px;}
textarea {resize: none; overflow: auto; line-height: 18px; border: 1px solid #ccc;-webkit-appearance: none;}
html { font-family: sans-serif;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
ol,ul li {list-style: none outside none;}
img { border: none; /*display: block;*/}
body,button,input,select,textarea {font: 12px/150% Arial, "宋体", serif;color: #666666; outline: 0;}
/*使 option 有间距*/
select {font-family: verdana, sans-serif;}
body { background-color: #fff;}
s,em { font-style: normal;}
s {text-decoration: none;}
h2 { color:#666; font-family: "宋体","Microsoft YaHei", "黑体", "Simsun", serif;}
h4 { font-style: normal;}
/* Links========================================================================== */
a/*,a:visited*/{text-decoration: none; color: #666; background-color: transparent; cursor:pointer; outline:none;}
a:focus { border: none; }
a:hover{ color:#53a2e4; }
a:hover,a:active {outline: 0; }
header, footer, article, section, nav, menu, hgroup {display: block;}
/* Forms========================================================================== */
button,input,optgroup,select,textarea { margin: 0;}
button { overflow: visible; border: 0 none;}
button,select {text-transform: none;}
button,html
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {line-height: normal;}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  vertical-align: middle;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {overflow: auto;resize: none;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
.inline-block {display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; *vertical-align: auto; padding: 0;}
sub,
sup { position: relative;font-size: 75%;line-height: 0; vertical-align: baseline; }
sub { bottom: -0.25em; } 
sup { top: -0.5em; }
/**************font********************/
@font-face {
	font-family: 'Helvetica';
	src: url('../fonts/Helvetica.eot');
	src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'), 
		 /*url('../fonts/Helvetica.woff2') format('woff2'),*/
	     url('../fonts/Helvetica.woff') format('woff'), 
	     url('../fonts/Helvetica.ttf') format('truetype'), 
	     url('../fonts/Helvetica.svg#Helvetica') format('svg');
	 font-weight: normal;
	 font-style: normal;
	 text-shadow: none;
	 font-stretch:normal;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('../fonts/HelveticaNeueLTStd-Lt.eot');
	src: url('../fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'), 
		 /*url('../fonts/HelveticaNeueLTStd-Lt.woff2') format('woff2'),*/
	     url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), 
	     url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'), 
	     url('../fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg');
	 font-weight: normal;
	 font-style: normal;
	 text-shadow: none;
}


/*公共样式*/
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {border-color: #999;}
.fl { float: left;}
.fr { float: right ;}
.clear {display: block;clear: both;width: 0; height: 0px; line-height: 0; overflow: hidden; font-size: 0;}
/*用在浮动元素后的空内容元素上*/
input[type="text"],
input[type="password"],
button {border: none; outline: none; -webkit-appearance: none; /*padding: 2px;*/ font-family: Simsun;vertical-align: bottom;}

.clearfix{ clear:both;}
.hidden{ display:none; visibility:hidden;}
body{ /*min-width: 1200px;*/ font-family: "Microsoft yahei"; }

/*header start*/
.header { width: 100%; height: 60px; min-width: 1200px; color: #ddd; background: url(../images/ndetail/banner.jpg) no-repeat center top #1b66e6;  }
.head-main{ width: 96%; height: 60px; min-width: 1200px; margin: 0 auto; }
.head-left{ float: left; }
.head-right{ float: right; margin-top: 18px; }
.header .cnki-logo{ float: left; width: 140px; height: 45px; margin-top: 6px;  background: url("../images/ndetail/icon-sprite.png") no-repeat 0 -80px; /*background-size: cover;*/ }
.head-left .return{ color: #ddd; line-height: 60px; }
.head-left .return:hover{ color: #f60; }
.head-left .pagetit{ display: inline-block; padding-left: 12px; margin-left: 10px; line-height: 60px; color: #fff; font-size: 16px;font-weight: bold; font-family: "Microsoft yahei"; background: url(../images/ndetail/icon-spacing.png) left 10px no-repeat; }
.navmain { float: right; height: 20px; margin-top: 5px; margin-left: 25px; line-height: 14px; }
.navmain li { display: inline-block; margin-right: 15px; }
.navmain li { *display: inline; }
.navmain li+li { padding-left: 15px; border-left: 1px solid #a2a2a2; }
.navmain li a { color: #a2a2a2; font-family: "宋体"; font-size: 12px; }
.head-right .search-form { float: right; border:1px solid #4c4c4c; border-radius: 10px; background-color: #fff; }
.head-right .search-input { float: left; width: 190px; height: 20px; padding: 2px 10px; font-size: 14px; line-height: 20px; vertical-align: bottom; color:#aaa; border-radius: 10px; background: transparent; }
.head-right .searchbtn { width: 40px; height: 24px;  border:none; border-radius: 0; cursor: pointer; outline: none; padding: 0; background: url("../images/ndetail/icon-sprite.png") no-repeat -100px 0 transparent; }
.head-right .search-form.in{ background-color: #fff; }
.head-right .search-form.in  .search-input { width: 520px; color: #333; }
.head-right .search-form,
.head-right .search-input{
  -o-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}
.login-btns{ float: right; margin-left: 40px; }
.login-btns li{ display:inline-block; vertical-align: middle; color: #fff; line-height: 26px;  }
.login-btns li+li{ margin-left: 5px;}
.login-btns .btn-register,
.login-btns .btn-login{ display: block; padding: 0 17px; border: 1px solid #fff; border-radius: 2px; cursor: pointer;  }
.login-btns .btn-login:hover,
.login-btns .btn-register{color: #2b83ff;background-color: #fff;background: rgba(255,255,255,.8);}
.login-btns a,.login-btns a:link{ margin-left:5px; font-size: 12px; color: #fff; }
.login-btns .login a:visited{ color:#fff; }
.login-btns .login:hover a:visited{ color:#2b83ff }
.login-btns .btn-logout{ display: inline-block; margin-left: 10px; cursor: pointer;}
.login-btns .btn-logout:hover{ color: #ddebff; background-color:transparent; }
/*header end*/


/*footer start*/
.footer { width:100%;min-width: 1200px; color: #a4acb7; font-family: "Microsoft Yahei"; line-height: 22px;  background-color: #1c2b40; }
.foot-top{ width: 100%; height: 181px; padding-top: 28px; clear: both; background: url("../images/ndetail/foot-bg.jpg") top center #e6e9ee; }
.footer a { color: #66758d; font-family: "Microsoft Yahei"; }
.foot-top .content { width: 1140px; margin: 0 auto; overflow: hidden;}
.foot-top li { float: left; }
.foot-top li+li { margin-left: 105px; }
.foot-top b { display: block; font-size:14px; color: #54627a; line-height: 44px; }
.foot-top a,
.foot-top span{ display: block; color: #66758d; }
.foot-top span a{ display: inline; }
.foot-top .weibo{ width: 290px; height: 90px; padding-top: 30px; padding-left: 20px; margin-top: 17px; text-align: center; border-left: 1px solid #506581; }
.foot-top .weibo a{ display: inline-block; line-height: 40px; }
.foot-top .weibo a+a{ margin-left: 35px; }
.foot-top .weibo img{ width: 40px; height: 40px; border-radius: 20px; background-color: #2b82ff; }
.foot-top .weibo a:hover img{ /*background-position: -40px 0;*/ background-color: #1d1d1d;}
.foot-bot{ width: 1140px; height: 170px; margin: 0 auto; overflow: hidden; color: #a4acb7;}
.foot-bot .t{ height: 60px; padding-top: 27px;  border-bottom: 1px solid #2e435e; }
.foot-bot .t a{ color: #a4acb7; }
.foot-bot .t>img{ float: left; width: 110px; }
.foot-bot .t .mid{ float: left; margin-left: 20px; }
.foot-bot .t .mid span{  display: block; }
.foot-bot .t .mid a+a{  margin-left: 24px; }
.foot-bot .t .right{ float: right; }
.foot-bot .t .right img{ height: 32px; margin-left: 17px; }
.foot-bot .b{ width: 670px; padding-top: 16px;}
.foot-bot .b a{ margin-left: 5px; }
.foot-bot .b a,
.foot-bot .b span{ color: #6a7481; white-space: nowrap;  margin-right: 5px; }
.footer a:hover,
.foot-top a:hover span { color: #2f8bd6; }
/*footer end*/


/*分页 start*/
.pages{ width:100%;  text-align:center;padding:20px 0 10px; white-space:nowrap;  }
.pages .totalcount{ display:inline-block; margin-right:10px; white-space:nowrap;  }
.pages .totalcount em{ color:#53a2e4; }
.pages .pages-content{ font-size:12px; display:inline-block; height:30px;}
.pages a,
.pages .cur{font-size:12px; vertical-align:middle; display:inline-block; height:12px; line-height:12px;overflow:hidden; padding:2px 4px; margin:10px 10px 10px 0; border:1px solid #e4e4e4;  }
.pages .cur,
.pages a:hover{color:#fff; background-color:#4b9ced;}
.pages .pre,
.pages .last,
.pages .first,
.pages .next{ font-size:12px; padding:4px; margin:8px 10px 8px 0;  }
/*分页 end*/
/*分页2 start*/
.page{ width:100%;  text-align:center; padding:20px 0 10px; line-height: 30px; white-space:nowrap;  }
.page a{ font-size: 12px; vertical-align: middle; display: inline-block; height: 12px; padding: 2px 4px; margin: 5px 0 10px 10px; line-height: 12px; overflow: hidden; border: 1px solid #e4e4e4;}
.page span span a,
.page a.cur{ border: 1px solid #4b9ced; }
.page span span a,
.page a.cur,
.page a:hover{ color:#fff; background-color:#4b9ced;}
.page span{margin-left: 5px;white-space:nowrap;}
/*分页2 end*/

/*重置登录*/
#headerBox{ float: right; }
.ecp_top-nav .ecp_tn-header{ width: auto!important; margin: auto; }
.ecp_top-nav{ border-top: none!important; border-bottom: none!important; background-color: transparent!important; }
.tn-person-r .ecp_tn-title .ecp_tn-tab{ height: 26px; padding: 0 17px!important;  border: 1px solid #fff; border-radius: 2px;  color: #fff!important; }
#Ecp_header_Register .ecp_tn-tab,
.ecp_top-nav .ecp_tn-title .ecp_tn-tab:hover{ color: #2b83ff!important; background: rgba(255, 255, 255, 0.8)!important; }
.tn-person-r .ecp_tn-title .ecp_tn-tab i{display: inline!important;vertical-align: middle!important;padding: 0!important;line-height: 26px;}
#Ecp_top_login_div21,
#Ecp_top_login_div2 {
    margin-left: 20px;
}
/*下拉框*/
.tn-person-r .tn-topmenulist-b{ left: -90px!important; }
/*登录后*/
.tn-person-r .ecp_tn-title .tn-greeting{ position: static!important; margin-left: 20px; margin-right: 10px; line-height: 30px!important; white-space: nowrap; overflow: visible!important; }
#Ecp_top_logout_showLayer1,
#Ecp_top_logout_showLayer{ border: none!important; padding-left: 0!important; padding-right: 0!important; }
#Ecp_top_logout_showLayer1:hover,
#Ecp_top_logout_showLayer:hover{ background: transparent!important; }
#Ecp_top_logout_showLayer1 i,
#Ecp_top_logout_showLayer i{ padding-right: 12px!important; line-height: 26px!important; }
#Ecp_top_logout_showLayer1 .ecp_tn-arrow,
#Ecp_top_logout_showLayer .ecp_tn-arrow{ right: 0!important;top: 8px!important; }
.tn-person-r .tn-topmenulist-a{ right: -3px; }
.tn-person-r em{ display: inline-block; vertical-align: middle; max-width: 80px; color: #fff; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
.tn-topmenulist .tn-text-list li a{ text-align: center; }
#Ecp_top_jf_login2 span,
#Ecp_top_jf_login  span{
    top: 3px !important;
}
/*页头充值（充值中心、购买知网卡） start*/
.head-right .link-list {float: right;padding-top: 7px;margin-left: 15px;margin-right: 10px;color: #fff;}
.head-right .link-list li {position: relative;z-index: 3;display: inline-block;vertical-align: top;height: 14px;line-height: 14px;white-space: nowrap;}
.head-right .link-list>li>a {padding: 5px 14px;font-size: 12px;color: #fff;border-radius: 20px;border: 1px solid #fff;font-family: "Microsoft yahei";}
.head-right .link-list>li:hover>a {color: #2b83ff;background: rgba(255,255,255,0.8);}
.head-right .link-list ul {display: none;position: absolute;top: 21px;left: 50%;padding: 8px 15px;margin-left: -78px; background-color: #3896ff; border-radius: 22px;}
.head-right .link-list ul:before,
.head-right .link-list ul:after {content: "";display: inline-block;position: absolute;top: -6px;left: 50%;margin-left: -4px;border-style: solid;border-color: transparent transparent #4ba7f5 transparent;border-width: 0 4px 6px 4px;}
.head-right .link-list li:hover ul {display: block;}
.head-right .link-list .sublink-3 {margin-left: -89px;}
.head-right .link-list li li a {padding: 0 5px;color: #fff;}
.head-right .link-list li li a:hover {color: #f0f5ff;}
/*充值 end*/