@charset "utf-8";
*{margin:0;padding:0;}
body{font-size:13px;font-family:Tahoma,Arial,sans-serif;color: #232323; background: #f1f1f1;line-height: 25px}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0px;padding:0px;}
table{border-collapse:collapse;}
a,img{border:0;}
ol,ul{list-style:none}
a{color:#454545;text-decoration:none;}
a:hover{color: #5aa3e1;}
.clearfix{clear:both;width:0px;height:0px;overflow:hidden;}
/*.title_color{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}*/

@font-face {
    font-family: 'iconfont';  /* Project id 3055036 */
    src: url('//at.alicdn.com/t/font_3055036_1uggfzudu3o.woff2?t=1640659946814') format('woff2'),
    url('//at.alicdn.com/t/font_3055036_1uggfzudu3o.woff?t=1640659946814') format('woff'),
    url('//at.alicdn.com/t/font_3055036_1uggfzudu3o.ttf?t=1640659946814') format('truetype');
}

.ico{font-family:"iconfont" !important;margin-right: 5px;}
.ico-like{color: #f00;}
.ico-comment{color: #5aa3e1;}
.ico-free{color: #9bcb35;}
.ico-more{margin-right: 2px;}
.ico-star{color: #f5d704;}
.ico-tag{color: #5893d3;}
.ico-pen{color: #6979cc;}
.ico-book{color: #00CC99;}
.ico-last{color: #7f9aad;}
.ico-next{color: #7f9aad;}

.zhaichao-container-box{width:100%;background:#fff;min-width:1170px}
.zhaichao-header-box{height: 35px; line-height: 35px; background: #fbfbfb; border-bottom: 1px solid #e8e8e8;}
.zhaichao-header-top{width:1170px;margin:0 auto;color:#747d87;}
.zhaichao-header-top a{color:#747d87;margin-left:10px;}
.zhaichao-header-top a:hover{color: #62b2e0;}
.zhaichao-member-status{float:right;}
.zhaichao-member-status .login{color: #62b2e0;border:1px solid #62b2e0;padding: 3px 7px}

/* 网站容器 */
.zhaichao-container{margin:auto;width:1170px;}
.zhaichao-content-box{padding:5px 20px 10px 20px;background: #fff;border: 1px solid #eee;}
.zhaichao-title{border-bottom: #e4e3e3 1px solid;margin-bottom: 10px}
.zhaichao-title h2{font-size: 14px;line-height: 40px;font-weight: normal;border-bottom: 3px solid #5aa3e1;display: inline-block;padding-right:2px;color: #5aa3e1}
.zhaichao-title-right{float: right;}
.zhaichao-title-right a{line-height: 40px}

.zhaichao-line{height:20px;clear:both;}

/* 网站中心 */
.zhaichao-content-theme{background: #fff;border: 1px solid #eee;margin-bottom: 20px;}
.zhaichao-content-header ul{background: #5aa3e1;}
.zhaichao-content-header ul li{line-height: 40px;text-align: center;display: inline-block;  padding: 0 30px;color: #fff;}
.zhaichao-content-header ul li.cur{background: #4893d3;}
.zhaichao-content-top{margin: 20px;}
.zhaichao-content-top ul{display: flex;flex-wrap: wrap;justify-content: center;}
.zhaichao-content-top ul li{border: 1px solid #eee;margin: 10px 10px;width: 200px;padding: 10px 0 10px 30px;}
.zhaichao-content-top .top-free{margin-left: 20px;line-height: 30px;color: #999;}
.zhaichao-content-top .top-text{font-size: 16px;font-weight: bold;}

.zhaichao-content-main{}
.zhaichao-content-main ul{margin: 20px;}
.zhaichao-content-main ul li{border: 1px solid #eee;margin-top: 20px;}
.zhaichao-content-top ul li:hover,.zhaichao-content-main ul li:hover{border: 1px solid #5aa3e1; box-shadow: 0 0.01rem 0.5rem rgba(18,72,195,0.49)}

.zhaichao-content-main .main-row{padding: 20px;clear: none;}
.zhaichao-content-main .main-row.main-ju{padding: 40px 50px; margin: 40px 40px 0;  border: 1px solid #eee;}
.main-row .main-text{ display: block;  font-size: 15px;  overflow: hidden; text-shadow: 0.01rem 0.01rem 1rem #85bfeb}
.main-row .main-desc{float: right;font-size: 13px;}
.main-row.main-ju .main-text{font-size: 18px;line-height: 38px;margin-bottom: 20px;}
.main-other{padding: 10px 30px;display: flex;justify-content: space-between;}
.main-other p{width: 50%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.main-tags{display: flex;margin:0 40px;align-items: baseline;}
.main-tags ul{display: flex;margin:10px 10px 0;flex-wrap: wrap;}
.main-tags ul li{margin: 0; border: none;padding: 5px;}
.main-tags ul li a::before{content: "#";}
.main-tags ul li:hover{border: none;box-sizing: border-box; box-shadow:none;}

.zhaichao-content-main ul li .main-text:hover{color: #5aa3e1;text-decoration: underline;}
.zhaichao-content-main .main-option{display: flex;margin: 5px 20px;justify-content: start;}
.zhaichao-content-main .main-option .main-option-use{margin: 0 25px;}
.main-option-use img{width: 16px;margin-right: 3px;vertical-align: middle;}


.zhaichao-content-other{}
.zhaichao-content-other ul{margin: 20px;}
.zhaichao-content-other ul li{border-bottom: 1px dotted #e6e6e6;margin-bottom: 10px;padding-bottom: 10px;display: flex;}

.other-pra-top{padding: 20px 30px 0;}
.other-pra-bottom{padding: 0 30px 20px;}


.zhaichao-card-famous{display: flex;flex-wrap: wrap;justify-content:center;}
.zhaichao-card-famous li{width: 80px;margin: 5px 10px;text-align: center;}
.zhaichao-card-famous .famous-cover{border: 1px solid #eee;box-sizing: border-box;width: 76px;height: 76px;overflow: hidden;padding: 2px}
.zhaichao-card-famous p{height: 20px;overflow: hidden;width: 80px;}
.zhaichao-card-famous.famous-list{margin: 30px 20px;}
.zhaichao-card-famous.famous-list li{border: 1px solid #e6e6e6; padding: 20px;background: #fff;}
.zhaichao-card-famous.famous-list .famous-cover{border-color: #beddf7;box-sizing: inherit;}

.zhaichao-card-famous .book-cover{border: 1px solid #eee;box-sizing: border-box;width: 76px;height: 100px;overflow: hidden;padding: 2px}
.zhaichao-card-famous .book-cover img,.zhaichao-card-famous .famous-cover img{width:100%;object-fit: cover;}

.zhaichao-card-tags{display: flex;flex-wrap: wrap;justify-content:flex-start;}
.zhaichao-card-tags li{margin: 5px 5px;text-align: center;  border:1px solid #eee;padding: 5px 8px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.zhaichao-card-detail-img{text-align: center;margin: 20px;}
.zhaichao-card-detail-desc p label{color: #999;}

.zhaichao-card-album{}
.zhaichao-card-album li{border-bottom: 1px dotted #e6e6e6;padding: 5px 0;}

.zhaichao-works-list{display: flex; flex-wrap: wrap;}

/*网站头部 */
.zhaichao-header{height:100px;padding:10px 0;width:1170px;margin:0 auto;}
.zhaichao-logo{float:left;width:370px;}
.zhaichao-logo a{color: #5aa3e1;font-size: 30px;overflow: hidden;display: block;height:100px;line-height:100px;text-overflow: ellipsis;white-space: nowrap;}
.zhaichao-logo img{width:225px;}
.zhaichao-search{float:left;margin-left:258px;margin-top:30px;}
.searchtxt .searchmenu .searchselected{background-image:url(../../images/icon2.png);background-repeat:no-repeat;}
.searchtxt{float:left;width:450px;height:36px;border:2px solid #5aa3e1;border-right:0;position:relative;z-index:100;background:#fff;}
.searchtxt .searchmenu{float:left;border-right:1px solid #eee;}
.searchtxt .searchmenu .searchselected{color:#666;cursor:pointer;font-size:14px;height:36px;line-height:36px;padding-left:15px;width:60px;background-position: 55px -85px;}
.searchtxt .searchmenu .searchopen{background-position:55px -113px}
.searchtxt .searchmenu .searchtab{display:none; position:absolute;top:36px;left:-2px;width:75px;border:2px solid #5aa3e1;border-top:0;background:#fff;z-index:100;}
.searchtxt .searchmenu .searchtab li{height:28px;line-height:28px;color:#666;font-size:14px;cursor:pointer;padding-left:15px}
.searchtxt .searchmenu .searchtab li.selected{background:#5aa3e1;color:#5aa3e1;}
.searchtxt input{float:left;border:0;background:#fff;color:#666;padding:7px 8px;width:350px;height:22px;line-height:22px;margin:0;outline:medium none;}
.searchbtn{float:left;}
.searchbtn button{background:#5aa3e1;border:0;color:#fff;outline:none;cursor:pointer;float:left;height:40px;line-height:40px;width:86px;font-size:16px;transition:all 0.3s}
.searchbtn button:hover{background:#5aa3e1;}
.zhaichao-add-content{width:110px;float:right;margin-top:30px;}
.zhaichao-add-content a{border-radius:2px;height:38px;color:#5aa3e1;font-size:14px;display:block;line-height: 38px;transition:0.3s all;border:1px solid #5aa3e1;text-align:center;}
.zhaichao-add-content a:hover{text-decoration:none;background:#5aa3e1;color:#fff; }

/*导航条*/
.zhaichao-menu{line-height:43px;background-color:#5aa3e1;overflow: hidden;}
.zhaichao-nav{width:1170px;margin:0 auto;}
.zhaichao-nav li{float:left;position:relative;z-index:98;background-color:#5aa3e1;}
.zhaichao-nav li a{float:left;width:110px;display:block;line-height:43px;text-align:center;font-weight:normal;font-size:14px;color:#fff;transition:all 0.3s}
.zhaichao-nav li a:focus{-moz-outline-style: none;}
.zhaichao-nav li a:hover{text-decoration:none;color:#fff;background: #1b86d9;}
.zhaichao-nav li .current{text-decoration:none;color:#fff;background: #4893d3;}
.zhaichao-nav li .sub_nav{position:absolute;top:43px;left:0px;background:#5aa3e1;display:none;z-index:99;border:1px solid #5aa3e1;border-top:none;}
.zhaichao-nav li .sub_nav li{text-align:center;width:108px;height:35px;line-height:35px;position:relative;z-index:99;padding:0px;background:#5aa3e1;clear:left;}
.zhaichao-nav li .sub_nav li a{height:34px;line-height:34px;width:108px;display:inline-block;}

/* 前端分页 */
#page{margin:30px 0;font-size:14px;height:30px;line-height:30px;text-align:center}
#page .pageinfo{display: none;}
#page  a{border:1px solid #ddd;background:#fff;color:#808080;padding:5px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s}
#page  a:hover,#page .curpage{background:#5aa3e1;color:#fff;text-decoration:none;border:1px solid #5aa3e1;}
#page .nopage{cursor:not-allowed;}
#page .nopage:hover{background:#fff;color:#808080;border:1px solid #ddd;}

.page {  display: flex;  justify-content: center;  flex-wrap: wrap;  font-size: 14px;  margin: 50px 0;  }
.page a {  color: #666666;  padding: 7px 12px;  border: 1px solid #DDDDDD;  margin: 0 5px;  display: block;  }
.page a:hover {  background: #5aa3e1;  border: 1px solid #5aa3e1;  color: #FFFFFF; }
.page a.active, .page a.curpage {  background: #1b86d9;  border: 1px solid #1b86d9;  color: #FFFFFF; }

/* 网站底部 */
.zhaichao-footer{text-align: center;border-top: 1px solid #e8e8e8;padding:20px 0;}

.menu_slide{display: none;    text-align: center; background-color: #fbfbfb; padding: 5px 0;}
.menu_slide img{ width: 16px;transform: rotate(0deg); transition: transform 0.2s; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -ms-transform: rotate(0deg);-o-transform: rotate(0deg);-moz-transition: -moz-transform 0.2s; -moz-transition: -moz-transform 0.2s; -o-transition: -o-transform 0.2s; -ms-transition: -ms-transform 0.2s; }
.menu_slide.on img{  transform: rotate(180deg);transition: transform 0.2s; -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg); -ms-transform: rotate(180deg);-o-transform: rotate(180deg);}


@media screen and (max-width: 900px) {
    h1{font-size: 22px;}
    .zhaichao-fast-menu,.zhaichao-logo{display: none;}
    .zhaichao-header{width: 100%;  padding: 1px 0; height: 0;}
    .zhaichao-search{float: none;margin-left: 5px;}
    .searchtxt{width: 70%;}
    .searchtxt input{width: 55%;}
    .zhaichao-nav{width: 100%;}
    .zhaichao-menu{height:100%; overflow: hidden;}
    .zhaichao-nav li{width: 33.3%;}
    .zhaichao-nav li a{width: 100%;}
    .zhaichao-container-box{min-width:100%;}
    .zhaichao-banner{display: none;}
    .zhaichao-container{width: 100%;}
    .zhaichao-top-right{width: 100%;box-sizing: border-box;}
    .zhaichao-index-50{width: 100%;}
    .zhaichao-tag ul li a{width: 42%;}
    .zhaichao-img-list ul li{width: 100%;margin: 2px 0;}
    .zhaichao-img-list ul li p{text-align: left;}
    #page{text-align: left;float: left;padding: 5px 9px;height: 60px;}
    .zhaichao-main-left,.zhaichao-main-right{width: 100%;box-sizing: border-box;}
    .zhaichao-news img{display: none;}
    .zhaichao-news .zhaichao-news-img{width: 100%;float: none;}
    .zhaichao-content-container{margin-top: 40px;}
    .menu_slide{display: none;}

}