/* common */
*{padding:0;margin:0;list-style:none;border:none;outline:none; text-decoration:none; font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; color:#333;}
html{-webkit-text-size-adjust:none;}
input{-webkit-appearance:none;}
/* header */
.header{ height:45px; font:normal 20px/45px ''; text-align:center; background:#3FABEC; color:#fff;}
.a_home,.a_nav,.a_search{ height:45px; border-left:1px solid #fff; float:right;}
.a_home{ width:45px; background:url(../images/icon-home.png) center no-repeat; background-size:23px auto; border:none; float:left;}
.a_home a{ width:45px; height:45px; display:block;}
.a_nav{ background:url(../images/icon-nav.png) 10px center no-repeat; font-size:16px; background-size:20px auto; color:#fff; padding:0 10px 0 35px;}
.a_search{ width:45px; background:url(../images/icon-search.png) center no-repeat; background-size:23px auto;}
#search{ height:50px; border-bottom:1px solid #ddd; display:none;}
.s_txt{ font:normal 16px/50px ''; padding:0 10px; float:left;}
.s_btn{ width:70px; height:30px; font:normal 16px/30px ''; background:#3FABEC; color:#fff; border:none; border-radius:5px; margin:10px 7px; float:right;}
.nav{ border-bottom:1px solid #ddd; display:none;}
.nav ul{ margin:3% 1%; overflow:hidden;}
.nav li{ width:22%; font:normal 14px/35px ''; height:35px; background:#f4f2f2; text-align:center; margin:1.5%; float:left;}
.nav a{ display:block;}
.nav .ul_01 li .on{ background:#3FABEC; color:#fff;}
.nav .ul_02 li .on{ background:#DC0A76; color:#fff;}

.navindex{ border-bottom:1px solid #ddd;}
.navindex ul{ margin:3% 1%; overflow:hidden;}
.navindex li{ width:22%; font:normal 14px/35px ''; height:35px; background:#f4f2f2; text-align:center; margin:1.5%; float:left;}
.navindex a{ display:block;}
.navindex .ul_01 li .on{ background:#3FABEC; color:#fff;}
.navindex .ul_02 li .on{ background:#DC0A76; color:#fff;}

.main{ padding:1% 0;}
.date{ background-color:#F2F2F2; clear:left; height:40px; margin:5px 0; padding:5px 8px 0; text-align:center; width:80px;}
.date div{color:#333333; float:left; font-family:Georgia; font-weight:normal;}
.ul_half, .ul_third{ margin:0 1%; overflow:hidden;}
.ul_half li, .ul_third li{ width:47%; height:auto;margin:1.5%; float:left;}
.pic_box{background: #f8f8f8;display: block;height: 0;padding-bottom: 71%;overflow: hidden;text-align: center;position: relative;}
.pic_box a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*.ul_half li img, .ul_third li img{width: 100%;height: 100%;object-fit: cover;}*/
img{
    object-fit: cover;
}
.ul_third p img{
    width: 100%;
}
.ul_half li img, .ul_third li img{
    height: 100%;

}

.ul_half li p,.ul_third li p{ height:26px; font:normal 14px/28px ''; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.ul_half a, .ul_third a{ font:normal 14px/28px ''; white-space:nowrap;}
.more{}
.more b{ width:60%; height:35px; background:#FAF9F9; font:normal 16px/35px ''; border:1px solid #ddd; text-align:center; display:block; margin:15px auto;}

.pos{ font:normal 15px/30px ''; background:#FAF9F9; border-bottom:1px solid #ddd; padding:5px 6px;}
.tit{ margin:10px 0;height:40px; font:normal 18px/40px ''; background:#FAF9F9; border-bottom:1px solid #ddd; padding:0 8px;white-space:nowrap;}

.sort{ overflow:hidden;}
.sort a{ font:normal 17px/25px ''; padding:2px 6px; margin:5px; display:inline-block;}
.sort .tag_on{ background:#3FABEC; color:#fff; border-radius:5px;}
.cate_on{ background:#3FABEC; color:#fff; border-radius:5px;}


.page{ display:-webkit-box;display:-moz-box;display:box;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center; margin:25px 0;}
.p_btn{ width:90px; height:36px; font:normal 16px/35px ''; background:#3FABEC; border:none; border-radius:5px; text-align:center;color:#fff;
    
      margin-right: 5px;  
    
}
.p_btn a{ color:#fff;}
.p_btn a:link{ color:#fff;}
.p_btn a:visited { color:#f9f9f9;}
.p_btn a:hover{ color:#f9f9f9;}
.p_btn a:active{ color:#f9f9f9;}

.page .page-next { display:inline-block;width:90px; height:36px; font:normal 16px/35px ''; background:#3FABEC; border:none; border-radius:5px; text-align:center;color:#fff;}
.page .page-next  a{ color:#fff;}

.p_select{ width:100px; height:34px; background:#f9f9f9; border:1px solid #ddd; text-align:center; margin:0 10px; position:relative;}
.p_select p{ font:normal 16px/34px '';}
.p_select p em{ width:10px; height:10px; background:url(../images/icon-tri.png) right 1px no-repeat; background-size:7px 4px; display:inline-block; vertical-align:middle;}
.slt_box{ width:100px; height:30px; position:absolute; top:0; left:0; opacity:0;}

.article_info h1{text-align: center; font:normal 25px/30px ''; padding:10px 5px;}
.article_info p{ font:normal 18px/36px ''; text-indent:36px;padding:0 15px;}
.article_info p span{ display:block;width:100%; text-align: center; font:normal 12px/28px ''; text-indent:0;}
.article_info p img{ width:99%;margin-left:-36px;}

.listinfo {width: 100%;}
.listinfo h1{ width:100%;text-align:center;font:bold 21px/30px ''; padding:5px 0;}
.listinfo p{text-align:center;font:normal 14px/24px ''; padding:0 0 5px 0;}
.listinfo p span{ padding:0 5px;color: #999; }


.info h1{ font:normal 25px/30px ''; padding:10px 5px;}
.info h2{ font:bold 14px/24px ''; padding:0 5px;}
.info p{ font:normal 14px/24px ''; padding:0 5px 15px 5px;}
.info p b{font:normal; }
.info p b a{ color:#3FABEC; padding:0 5px;}
.info p span{ padding:0 5px;}
.info_pic{}
.info_pic img{ width:100%;}
.oinfo_pic img{ width:100%;}
.info_tips{ padding:15px 5px 0 5px;}
.info_tips b{ font-size:14px;}
.info_a a{ font:normal 16px/30px ''; display:inline-block; color:#3FABEC; margin-right:15px;}
.info_tips span{ font-size:14px;padding-right:10px;}
.info_tips p{ font-size:14px;}
.info_btn{ padding:15px 0;}
.info_btn a{ height:30px; font:normal 16px/30px ''; background:#5FA924; color:#fff; padding:5px 15px; margin-right:10px; display:inline-block;}

.footer{ font:arial 14px/25px ''; text-align:center; border-top:1px solid #ddd;padding:1em 0 2em 0;}
.footer .ft_info {padding:10px 0;}
.footer .ft_btn a{ width:60%; height:36px;padding:7px 10px; font:normal 18px/36px ''; border:1px solid #ddd; display:block; margin:15px auto;}
.footer .ft_info {padding:15px 0;}
.footer .ft_info a {width:auto;height:auto;padding:0;border:0;}
.footer .ft_icp {padding:15px 0;}
.footer .ft_icp a {width:auto;height:auto;padding:0;border:0;}
#tj {display:none;}


.mad, .mjs{ margin:0 1%; }
.ul_third li.inlistad, .ul_half li.inlistad{ width:97%; height:auto;margin:1.5%;}

#list5, #taglist5, #img5, #pic5 {margin:15px 1%; }