@charset "utf-8";
/* CSS Document */

/* ~~ 基础 ~~ */
body {font: 100%/1.6 'Microsoft YaHei', '微软雅黑', Verdana, Arial, Helvetica, sans-serif;background-color: #eee;margin: 0;padding: 0;color: #000;}
ul, ol, dl {padding: 0;margin: 0;}
h1, h2, h3, h4, h5, h6, p {margin: 0;padding: 0;}
a img {border: none;}
a:link {color: #3366CC;text-decoration: underline;}
a:visited {color:#3366CC;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;text-align: center;}
div, table, td {overflow:hidden;}
img {border:none;}
p, ul, ol, li, form {list-style:none;}

/* ~~ 布局 ~~ */
.container{margin:0 auto;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .container{background-color:#eee;}
}

/* ~~ 主体 ~~ */
.header{padding:2% 4%;width:92%;background:#ddd url(http://bashushi.com/ys/img/index_slogin_hand_ya.png) no-repeat right 120px bottom 15px;position:fixed;top:0;height:130px;box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2);}
.logo{float:left;width:35%;}
.logo img{width:90%;height:auto;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .header{padding:4%;height:150px;background-image:none;}
    .logo{float:none;width:100%;text-align: center;}
    .logo img{width:70%;height:auto;}
}

/* ~~ 搜索框 ~~ */
.search{float:right;width:60%;border:0px solid #ddd;background-color000:#7B721C;padding:10px;border-radius: 5px;overflow:hidden;margin-bottom:10px;}
.search_main{width:90%;margin:0 auto;}
input[name="keyboard"]{background:#fff;float:left;width:85%;height:60px;padding:10px;border:1px solid #7B721C;border-right:none;outline: none;font-size:100%;
  border-bottom-left-radius:6px;/*左下角圆角*/
  border-top-left-radius: 6px;/*左上角圆角*/
  -moz-box-sizing: border-box;/*不同浏览器*/
  box-sizing:border-box;/*内边框*/
  vertical-align:middle;/*垂直对齐*/
  transition: 0.2s linear;/*过渡*/
}
input[name="ss_submit"]{
  background:#624e00 url(http://bashushi.com/ys/img/search_subit_1.png) no-repeat left 10px center;font-size:100%;
  color:#fff;
  float:left;
  width:15%;
  height:60px;
  padding:9px;
  border:1px solid #162C5F;
  outline: none;
  transition000: 0.2s linear;/*过渡*/
  border-bottom-right-radius:6px;/*左下角圆角*/
  border-top-right-radius: 6px;/*左上角圆角*/
  border-left:none;
  color000:transparent;
  text-indent:20px; 
}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .search{float:none;width:auto;margin-top:10px;padding:10px 10px 0 10px;}
    .search_main{width:99%;}
    input[name="keyboard"]{width:75%;height:50px;padding:10px;}
    input[name="ss_submit"]{width:25%;height:50px;padding:9px;}
}
input[name="ss_submit"]:hover{
  background-color:#7B721C;
  background000:#274FAB url(http://bashushi.com/ys/img/search_subit_2.png) no-repeat left 10px center;
  color000:#000;
}
.search.hidden {height:0;width: 0;}
.hidden {display:none;}

/* ~~ 导航条 ~~ */
.menu{clear:both;}
.menu a{float:left;display:block;color:#000;text-align:center;padding:17px;text-decoration:none;border:3px #ddd solid;}
.menu a:hover{color:#3366CC;border-bottom:3px #3366CC solid;font-weight:bold;}
a.nav22, a.nav33, a.nav44, a.nav55{color:#3366CC;border-bottom:3px #3366CC solid;font-weight:bold;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .menu a{padding:0 10px;}
}

/* ~~ 列表页 ~~ */
.list-content{margin-top:220px;padding:0 4%;min-height:200px;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .list-content{margin-top:210px;}
}
.list-content-box{border:1px solid #ddd;background:#fff url(http://bashushi.com/ys/img/index_backimg_logo_line.png) no-repeat right top;border-radius: 5px;margin-bottom:40px;}

.list-content-box-left{float:left;width:75%;}
.list-content-box-right{float:left;width:24%;padding:10px 0;}
.list-content-box-right img{max-height:90px;width:auto;border:3px solid #eee;}
.list-content-box-right img:hover{border:3px solid #cdd6e9;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .list-content-box-left{float:none;width:auto;}
    .list-content-box-right{float:none;width:0;padding:0;display:none;}
}

.list-content-box-t{padding:20px 10px;font-weight:bold;font-size:120%;}
.list-content-box-t span{font-size:80%;color:#999;padding-right:5px;font-weight:normal;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .list-content-box-t{font-size:110%;}
}
.list-content-box-n{padding:0 20px 20px 20px;}
.list-content-box-n li{float:left;padding-right:40px;color:#666;}
.list-content-box-n span{color:#624e00;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .list-content-box-n li{padding-right:20px;}
}

/* ~~ 分页链接 ~~ */
.pagination{padding:0 20px 20px 20px;text-align:center;}
.pagination a {color:black;padding:4px 8px;text-decoration:none;transition:background-color .3s;}
.pagination a.active {background-color:dodgerblue;color:white;}
.pagination a:hover:not(.active) {background-color:#ddd;}

/* ~~ 搜索页 ~~ */
.result{padding:0 0 20px 20px;}
.result span{padding:0 5px;color:red;font-weight:bold;}

/* ~~ 内容页 ~~ */
.content{margin:220px 4% 0 4%;padding:40px;background:#fff url(http://bashushi.com/ys/img/nei_backimg_logo_line.png) no-repeat right bottom;border:1px solid #ddd;border-radius:5px;height:auto;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .content{margin-top:210px;padding:4%;margin-bottom:30px;}
}
.content-main{float:left;width:60%;}
.content-info{float:right;width:24%;background-color:#E6ECF7;padding:20px;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .content-main{float:none;width:99.9%;}
    .content-info{float:none;width:91.9%;background-color:#E6ECF7;margin-top:30px;padding:4%;}
}
.content-main .title{font-weight:bold;font-size:170%;text-align:center;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .content-main .title{font-size:130%;}
}
.content-main .author{clear:both;text-align:center;font-size:90%;color:#AE8B00;padding:10px 0;}
.content-main .picture-t{color:#333;font-size:110%;padding:20px 0;font-weight:bold;background:url(http://bashushi.com/ys/img/logo_only_shuban_13x25.png) no-repeat left center;padding-left:25px;}
.content-main .picture-t span{padding-left:10px;color:#ccc;font-size:80%;}
.content-main .picture{text-align:center;margin:20px auto;}
.content-main .picture img{max-width:100%;height:auto;}/*图片等比例缩小*/
.content-main .text-t{color:#333;font-size:110%;padding:20px 0;font-weight:bold;background:url(http://bashushi.com/ys/img/logo_only_shuban_13x25.png) no-repeat left center;padding-left:25px;}
.content-main .text-t span{padding-left:10px;color:#ccc;font-size:80%;}
.content-main .text{margin:20px 0;color:#333;min-height:150px;line-height:2;}
.content-main .text img{max-width:100%;height:auto;}/*图片等比例缩小*/
.content-main .text span{color:#3366CC;}
.other-info{text-align:right;color:#666;font-size:60%;padding:10px 0;}
.content-info-t{font-weight:bold;font-size:110%;color:#00314a;padding:0 25px;background:url(http://bashushi.com/ys/img/logo_only.png) no-repeat left center;}
.content-info-t span{padding-left:10px;color:#ccc;font-size:80%;}
.content-info-n{line-height:2;margin-top:10px;font-size:90%;}
.content-info-n dl{}
.content-info-n dt{width:35%;float:left;border-bottom:1px solid #ddd;margin-right:0;text-align:right;clear:left;color:#624e00;}
.content-info-n dd{width:64%;float:left;border-bottom:1px solid #ddd;margin-left:0;overflow:hidden;clear:right;color:#3366CC;}
.download-text a{color:red;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .content-info-t{font-size:110%;}
    .content-main .text img000{width:100%;height:auto;object-fit:contain;margin:0;}/*图片等比例缩小-停用*/
}

/* ~~ 底部 ~~ */
.footer{padding:40px 0;text-align:center;font-size:90%;color:#624e00;line-height:2;clear:both;}
/* 针对屏幕宽度小于600px的设备 */
@media (max-width:600px) {
    .footer{padding:0 0 60px 0;background:url(http://bashushi.com/ys/img/index_slogin_hui.png) no-repeat center bottom 30px;}
}