@charset "utf-8";
/* CSS Document */
div.MobileNav a{ font-size: 16px !important }

.main{ max-width:640px; margin:0 auto; padding:10px 10px 50px; box-sizing:border-box; }
/*期刊汇总*/
.Journals_type li{ position: relative; width:100%; margin-bottom:25px; background: #fff; border:1px solid #ccc; padding: 20px; box-sizing: border-box;font-size: 16px; line-height: 30px;}
.Journals_type li img{ width: 80%; height: auto;  display: block; margin: 0 auto 10px;}
.Journals_type li p span{ color: #00a0de }
.Journals_type li a.more{ float: right; background: #00a0de; color: #fff; padding:0px 10px; font-size: 14px; border-radius: 5px; }
.Journals_type li p.count{ position: absolute; color: #fff; background: #c00003; 
	top: 20px;  width: 60px; height: 30px; text-align:center; line-height: 30px; font-size: 12px;  right: 20px; }
.Journals_type li p.count span{ color: #fff; }
.Journals_type li p.new{ font-size: 14px; text-align: left; }
/*页码*/
.page{ text-align:center; line-height:50px;}
.page a{ color:#169BD5}
.page a ,.page span{ margin:0px 5px;}
/*院报列表*/
.anniu{ width: 100%; overflow: hidden; margin: 0px 0px 10px;}
.anniu span{border:1px solid #ccc;width: 105px;height: 40px;display: block;float: left;background: #fff;position: relative;line-height: 40px;box-sizing: border-box;}
.anniu span.active{ color: #fff; background: #3692b7 ;  border:1px solid #3692b7;}
.anniu .tab_tit{/* width: 210px; */float: right;}
.anniu span b{display: block;width: 40px;height: 38px;background: url(/Content/Areas/Mobile/images/Journal/icon2.jpg) no-repeat center;float: left; }
.anniu span.active b{ background: url(/Content/Areas/Mobile/images/Journal/icon.jpg) no-repeat center ; }
.anniu i, .anniu i::before, .anniu i::after {
 position: absolute;
 display: inline-block;
 height: 3px;
 width: 12px;
 background: #a9a9a9;
 }
 .anniu span.active i, .anniu span.active i::before, .anniu span.active  i::after{ background: #fff }
 .anniu i {
  top: 50%; left: 14px;
 
 }
 .anniu i::before, .anniu i::after {
 content: '';
 right: 0;
 -webkit-transform: translateZ(0);
 -moz-transform: translateZ(0);
 -ms-transform: translateZ(0);
 -o-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transform-origin: 0% 50%;
 -moz-transform-origin: 0% 50%;
 -ms-transform-origin: 0% 50%;
 -o-transform-origin: 0% 50%;
 transform-origin: 0% 50%;
 -webkit-transition: -webkit-transform 0.3s 0.3s;
 -moz-transition: -moz-transform 0.3s 0.3s;
 transition: transform 0.3s 0.3s;
 }
 .anniu i::before {
 top: -6px;
 }
 .anniu i::after{
 top: 6px; 
 }

.Journals_List_img{ width:100%;}
.Journals_List_img li{ width:48%; float:left; background: #fff; text-align:center; border:1px solid #ccc; padding:2%; box-sizing:border-box; margin:0px 1% 20px }
.Journals_List_img li h2{font-size:14px; }
.Journals_List_img li h2 a{color: #666} 
.Journals_List_img li .img_box{ display:block; width:100%;}
.Journals_List_img li .img_box img{ width:100%; height:auto;}

.Journals_List{ background: #fff; }
.Journals_List li{ line-height: 46px; border-bottom: 1px solid #DDD; position: relative; }
.Journals_List li a{display:block;padding:0 10px 0 16px;color:#000;font-size:16px}

.Journals_List li span{ background: url(/Content/Areas/Mobile/images/Journal/icon.png) no-repeat center; position: absolute; right: 5%; top: 0px; width: 10px; height: 46px;}
/*版面目录内容*/
.type_menu{ position:fixed; top:0px; width:100%; background:#fff; display:none; z-index:11;max-height:229px;overflow:auto;}
.type_menu h2{ background:#ccc; line-height:45px; padding:0px 5% 0px; font-size:14px;}
.type_menu h2 span{float: right;display: inline-block;background: url(/Content/Areas/Mobile/images/Journal/open.png) no-repeat center;width: 20px;height: 45px; cursor: pointer;}
.type_menu li{ line-height:45px; border-bottom:1px solid #ccc; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding:0px 5% 0px; font-size:14px;}

/*主体内容*/
.map_con{background: #fff; padding:10px;}
.map_con img{ width:100% !important; height:auto !important; }
h2.title{ line-height:40px; font-size:16px; text-align:center; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.sub_tit{ border-top:1px solid #ccc; padding:10px 0px; line-height:30px; text-align:center;}
.text_con{ font-size: 14px; }
.text_con p{ line-height: 2em;}
/*搜索页面*/
.search_con{ overflow: hidden; background: #fff; }
.search_con .tab_tit{ overflow:hidden;}
.search_con .tab_tit span{ width:50%; float:left; text-align:center; display:block; background:#f4f4f4; line-height:40px; font-size:14px; }
.search_con .tab_tit span.active{ background:#3AA1EB;color:#fff;}
.search_con .tab_box{padding:20px;}
.search_con .tab_box_con {padding:0px 0px 5px;}
.search_con .tab_box_con p{line-height:50px; margin: 10px 0px;}
.search_con .tab_box_con p span{width:70px;box-sizing:border-box;display:block;float:left;font-size:14px;font-weight:bold;text-align: left;}
.search_con .tab_box_con p input,.tab_box_con p select{width:87%;box-sizing:border-box;height: 35px;}
.search_con .tab_box_con p.sub_btn{ border-bottom:0px;}
.search_con .tab_box_con p input.searchsub{width: 45%;background:#3AA1EB;color:#fff;border:0px;height: 40px;line-height: 40px;font-size:14px;margin-left: 70px;}


/*分享*/
.font_size{   position: relative; margin:20px auto;}
.font_size_con{width:200px;margin:20px auto;overflow: hidden;}
.font_size a{width: 30px;height: 30px;display: block;margin: 0px 10px;border-radius: 100%;float: left;}

.font_size .larger,.font_size .smaller,.font_size .back a,.font_size .share{color: #fff;background: #4491cd;border-radius: 100%;width: 30px;height: 30px;text-align: center;line-height: 30px;font-size: 16px;}
.font_size .share img{ width: auto !important; height: auto !important; margin: 5px auto 0px; }
.font_size .back a{  font-family: 宋体; font-weight: bold; }

@media only screen and (min-width:640px){
.footer_nav,.type_menu{ max-width: 640px; left: 50%; margin-left: -320px; }
}
@media only screen and (max-width:640px){
.search_con .tab_box_con p input,.tab_box_con p select{width:86%;}
}
@media only screen and (max-width:560px){
.search_con .tab_box_con p input,.tab_box_con p select{width:85%;}
}
@media only screen and (max-width:530px){
.search_con .tab_box_con p input,.tab_box_con p select{width:79%;}
}
@media only screen and (max-width:400px){
.Journals_type li .type_img{ width:50%;}
.search_con .tab_box_con p input,.tab_box_con p select{width:76%;}
.Journals_type li img{ width: 100%; }
}
@media only screen and (max-width:350px){
.Journals_type li .type_img{ width:50%;}
.search_con .tab_box_con p input,.tab_box_con p select{width:72%;}
.Journals_type li p{   font-size: 14px;}
.Journals_type li a.more{ padding: 0px 5px; }
}