@charset "utf-8";
/* CSS Document */
/* html,body{overflow-x:hidden;} */
*{outline: none;-webkit-tap-highlight-color: rgba(255, 0, 0, 0);vertical-align: baseline;font-style: normal;}
body {margin: 0;padding: 0;font-size: 14px;font-family: Microsoft Yahei, Arial, Simsun, Helvetica, Segoe UI, sans-serif;color: #404040;}
img {border: none;}
ul, ol, li, dt, dl, dd {text-decoration: none;list-style: none;vertical-align: middle;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,blockquote,ol,ul,li,dl,dd,p,textarea,input,select,option,form {margin:0;}
h1,h2,h3,h4,h5,h6,i,em,b,strong,var{font-style: normal;font-weight:normal;font-size:100%;}
.clears:before, .clears:after {content:'';display:table}
.clears:after {clear:both;}
.clear {clear:both;overflow:hidden;}
.clearfix:after {
    clear:both;
    content:" ";
    display:block;
    height:0;
    visibility:hidden;
}
.clearfix {display:inline-block;}
a {outline: none; color: #333; text-decoration: none;}
a{transition: color 300ms ease 0s, background-color 300ms ease 0s;}
a:hover{/*text-decoration:none;*/color:#f9561a;transition: color 300ms ease 0s, background-color 300ms ease 0s; text-decoration: underline;}
.head-top{width: 100%;min-width: 1200px;}
.top-wrap{width: 1200px;margin: 0 auto;}
.logo{width: 250px;height: 60px;float: left;}
.logo a{width: 250px;height: 60px;text-indent: -9999px;display: block;background: url(../images/logo.png) no-repeat;}
.search-box{float: left;margin-left: 100px;}
.user-info{float: right;/* width: 200px; */height: 60px;line-height: 60px; overflow: hidden;font-size:16px;color:#b5b5b5;}
.user-info a{margin-left: 10px;}
.users{color: #f0ad4e;background: url(../images/users.png) left center no-repeat;
    padding-left: 16px;}
.users:hover{text-decoration: none;background: url(../images/users_on.png) left center no-repeat;
    padding-left: 16px;}
.header{width: 100%;
    min-width: 1200px;
background: #e8e8e8;
  text-align: center;
  border-top: 1px solid #f9f9f9;
    border-bottom: 1px solid #e0e0e0;
    background: -moz-linear-gradient(top, #fff, #e8e8e8);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e8e8e8));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType='0');
}
body {display: none;}
.header .nav{height: 50px;line-height: 50px;margin: 0 auto;width: 1200px;font-size: 16px;position: relative;}
.header .nav ul {}
.header .nav li {float: left;}
.header .nav li a{padding: 0 10px;text-decoration: none;}
.header .nav li .nav-index{padding-left: 0;}
.header .nav li .nav-login{background: url(../images/user.png) left center no-repeat;padding-left: 16px;font-size: 14px;}
.header .nav li .nav-shelf{background: url(../images/bookshelf.png) left center no-repeat;padding-left: 15px;}
.nav-menu{/* margin-left: -38px; */} 
.nav-index{font-size: 18px;}
.so {position: absolute;right:-5px;top:-10px;}
.search{/* width:197px; */ width: 300px; height:32px;padding:0;margin:15px auto 0 auto;position:relative;background:#fff;border:2px solid #e8e8e8;border-radius:5px;}
.searchtype{width:45px;height:32px;padding:0;margin:0;line-height:32px;border:0;font-size:14px;position:absolute;left:5px;top:0;cursor: pointer;}
.searchkey{/* width:120px; */ width:203px; height:32px;padding:0;margin:0;/* line-height:32px; */border:0;font-size:12px;position:absolute;left:52px;top:0;color: #969696;}
.iconfont{width:32px;height:32px;padding:0;margin:0;line-height:32px;text-align:center;cursor:pointer;border:0;font-size:14px;position:absolute;right:-2px;top:0;border-radius:0 5px 5px 0;
    background: url(../images/so.png) center center no-repeat;
}
.footer{ width:100%; text-align:center; line-height:220%; padding:35px 0; overflow:hidden; color:#929292;border-top: 1px solid #c3c3c3; min-width: 1200px; box-shadow: inset 0px 3px 5px 0px #cbcbcb;}
.footer p {margin: 3px auto;}
.footer a{ color:#929292;}
.footer a:hover{ color:#dc3535;}
.footer em{ color:#ccc; margin:0px 10px;}
.footer span{ color:#ccc;}
select {  
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/  
border: solid 1px #999;  
/*很关键：将默认的select选择框样式清除*/  
appearance:none;  
-moz-appearance:none;  
-webkit-appearance:none;  
background: url("../images/arrow.png") no-repeat scroll right center transparent; padding-right: 14px;}  
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/  
select::-ms-expand { display: none; }
.page {height:40px;padding-top:20px;margin-bottom:30px;text-align:center;}
.page a {color:#777;padding:7px 12px;margin-right:4px;margin-left:4px;border:#ddd 1px solid;}
.page a:hover {color: #dc5c2e;
 border: #ec6d6d 1px solid;text-decoration: none;}
.page strong,.thiscur{color:#fff;padding:7px 12px;margin-right:4px;margin-left:4px;background: #95a5a6;border: #c3c3c3 1px solid;}
.cf:after, .row:after, .frow:after, .form:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.fl {
    float: left;
}
table, form {
    margin: 0 auto;
}
.t_s {
    padding: 0.15em 0.3em;
}
.text {
    padding: 0.3em 0.5em;
}
.textarea, .text, .file {
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 2px #e2e2e2;
    box-shadow: inset 1px 1px 2px #e2e2e2;
}
input {
    vertical-align: middle;
}
.checkbox, .radio {
    cursor: pointer;
}
.b_s {
    font-size: 0.85em;
    padding: 0.2em 0.4em;
}
.button, .btnlink, .filebutton {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.4;
    padding: 0.3em 0.6em;
    margin: 0 0.2em;
    color: #fff;
    background: #95a5a6;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
.fr {
    float: right;
}
/*弹层*/
.hot, a.hot {
    color: #f0ad4e;
}
.ajaxtip {
    position: absolute;
    border: 1px solid #ddd;
    background: #fff;
    color: #ff0000;
    padding: 0.2em 0.3em;
    z-index: 700;
}
/* .hot, a.hot {
    color: #f0ad4e;
} */
.fwb {
    font-weight: bold;
}

/*** 登录 ***/
#dialog, .dialog {
    position: absolute;
    visibility: hidden;
    border: 1px solid #999;
    background: #fff;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    border-radius: 9px;
    -webkit-box-shadow: 0 5px 15px #757575;
    box-shadow: 0 5px 15px #757575;
}



.dialog_t {
    color: #999;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 2.5em;
    padding-left: 1em;
    border-bottom: 1px solid #999;
}
.dialog_t a {
    text-decoration: none;
    display: inline-block;
    float: right;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    font-family: Arial, sans-serif;
    color: #999;
    background-color: #f5f5f5;
    border: 2px solid #ddd;
    margin: 10px;
}
.dialog_t a:hover {
    color: #fff;
    background-color: #f0ad4e;
}



.dialog_c {
    padding: 0.8em 0.6em 0.4em 0.6em;
}
.dialog_c .form {
    border: 0;
}
.form fieldset {
    margin: 0;
    padding: 0.3em 0;
    border: 0;
}
.form legend {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.2em;
    text-align: center;
    color: #f0ad4e;
    font-weight: bold;
    font-size: 1.25em;
    line-height: 2;
}

.dialog_c .form legend {
    display: none;
}
.tc {
    text-align: center;
}
.foot {
    background: #f5f5f5;
    text-align: center;
    line-height: 2;
}
.form .frow {
    margin: 0.6em 0;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
    float: left;
    margin-right: 1%;
    *margin-right: 0.5%;
}

.col3 {
    width: 24.25%;
}
.col4 {
    width: 32.66667%;
}
.form .flabel {
    text-align: right;
    vertical-align: middle;
}
.col8 {
    width: 66.33333%;
}
.col9 {
    width: 74.75%;
}
.last {
    float: right;
    margin-right: 0;
}



/* input {
    vertical-align: middle;
}
 */
/* .textarea, .text, .file {
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 2px #e2e2e2;
    box-shadow: inset 1px 1px 2px #e2e2e2;
} */
/* .text {
    padding: 0.3em 0.5em;
}
 */

/* html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, del, dfn, em, img, small, strong, 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, main, menu, nav, section, summary {
    margin: 0;
    padding: 0;
    border: 0;
} */

/* .checkbox, .radio {
    cursor: pointer;
}
 */
.textarea:focus, .text:focus, .file:focus {
    outline: 0;
    border: 1px solid #55595c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px #d7d7d7, 0 0 8px #999;
    box-shadow: inset 0 1px 1px #d7d7d7, 0 0 8px #999;
}
.tpc,.tongji,.hi,.mobile-read{display: none;}