@charset "UTF-8"; * {
    margin: 0;
    padding: 0
}

html,body {
    height: 100%;
    font: 16px/1.6 Microsoft YaHei,Helvetica,sans-serif;
    color: #4c4c4c
}

html {
    background: #e0e0ff
}

body {
    min-height: 100%;
    height: auto
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

ol,ul,li {
    list-style: none
}

h1 {
    font-size: 22px
}

h3,h4,h5 {
    font-weight: 400
}

img {
    max-width: 100%;
    height: auto;
    border: 0
}

table {
    empty-cells: show;
    border-collapse: collapse
}

caption,th {
    text-align: left;
    font-weight: 400
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

audio,canvas,iframe,img,svg,video {
    vertical-align: middle
}

textarea {
    resize: vertical
}

input,select,button,textarea {
    font-size: 100%;
    font-family: inherit;
    outline: none
}

a {
    color: inherit;
    text-decoration: none
}

a:hover {
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #aaa
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #aaa
}

input[type=text],select {
    -webkit-appearance: none
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.clearfix {
    *zoom:1}

.clear {
    clear: both;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden
}
.wrapper{padding-top:55px;width:100%;max-width:640px;margin:0 auto;background:#fff;}



header{
    background: linear-gradient(to bottom, #0062e0, #003982);
    display: flex;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 640px;
    z-index: 99999;
}

footer{display:block;border-top:1px solid #ddd;padding:10px;padding-bottom:66px;}
footer.d{padding-bottom:108px;}

footer .btn{height:44px;line-height:44px;text-align:center;display:block;background:#028a1f;font-weight:bold;border-radius:5px;color:#fff;}
footer .btn>a{display:block;}

footer .tab{position:fixed;left:3px;right:3px;bottom:0;height:54px;display:flex;max-width:640px;margin:0 auto;align-items:center;z-index:99;}
footer .tab>a{flex:1;text-align:center;cursor:pointer;display:flex;justify-content:center;}

footer .tab>a>span{background:#fff;border:1px solid #0062e0;width:90%;padding:5px 0;border-radius:5px;display:flex;justify-content:center;}
footer .tab>a>span.cur{background:#0062e0;color:#fff;}
footer .tab>a>span>img{width:25px;height:25px;margin-right:3px;}




.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 55px;
    color: #fff;
    position: relative;
    text-align:center;
}
.header>.home{position:absolute;left:10px;top:5px;height:45px;}
.header>.home>span{float:left;}
.header>.home>span>a>i{font-size:24px;line-height:24px;}
.header>.home>span>a>p{font-size:12px;line-height:14px;}
.header>.logo{width:125px;height:40px;position:absolute;left:10px;top:7px;}
.header>.logo img{height:40px;width:auto}
.header>.name{width:100%;font-weight:500;font-size:16px;}
.header>.menu{position:absolute;right:10px;top:5px;height:45px;}
.header>.menu>span{float:left;}
.header>.menu>span>i{font-size:24px;line-height:24px;}
.header>.menu>span>p{font-size:12px;line-height:14px;}

.line-top{border-top:1px solid rgba(100,100,100,.2);}
.line-bottom{border-bottom:1px solid rgba(100,100,100,.2);}


.boxNav{display:block;}
.boxNav>ul{display:flex;flex-wrap:wrap;}
.boxNav>ul>li{flex:25%;text-align:center;padding:6px 0;font-size:14px;cursor:pointer;}
.boxNav>ul>li:hover{background:#fafafa;}
.boxNav>ul>li img{width:40px;height:40px;margin:5px 0 2px 0;}
.boxNav>ul>li p{line-height:18px;padding:5px 0 5px 0;}
.boxNav>ul>li>a{display:block}



.boxTit{height:3rem;display:flex;align-items:center;font-size:1.2rem;font-weight:bold;justify-content:center;background:#0062e0;color:#fff;}

.channel .ding,.channel .year,.channel .photo,.channel .tuku,.channel .cate{margin:3px;border:1px solid #003982;border-radius:5px;overflow:hidden;margin-bottom:13px;}
.channel .title{height:38px;background:#003982;color:#fff;line-height:38px;font-weight:bold;font-size:1rem;text-align:center;}
.channel .ding>ul{padding:0;}
.channel .ding>ul>li{height:2.2rem;line-height:2.2rem;text-indent:.5rem;position:relative;border-bottom:1px solid rgba(100,100,100,.15);}
.channel .ding>ul>li>a{display:block;width:100%;}
.channel .ding>ul>li>a>span{position:absolute;right:0.5rem;font-size:.88rem;font-weight:500;color:#f00;}
.channel .ding>ul>li:last-child{border-bottom:none;}
.channel .ding>ul>li:nth-child(2n){background:#f9f9f9;}
.channel .ding>ul>li:hover{background:#f0f0f0;}
.channel .year{padding-bottom:5px;}
.channel .year>ul{padding:5px;}
.channel .year>ul>li{float:left;width:33.33%;display:flex;align-items:center;justify-content:center;padding:5px 0;}
.channel .year>ul>li>a{width:100%;margin:0 3px;background:#f9f9f9;padding:5px 0;text-align:center;border:1px solid #ddd;border-radius:5px;font-weight:500;font-size:.95rem;}
.channel .year>ul>li>a:hover{background:#0062e0;color:#fff;border:1px solid #0062e0;}
.channel .photo{padding-bottom:5px;}
.channel .photo>ul{padding:5px;}
.channel .photo>ul>li{float:left;width:33.33%;display:flex;align-items:center;justify-content:center;padding:5px 0;}
.channel .photo>ul>li>a{width:100%;margin:0 3px;background:#f9f9f9;padding:5px 0;text-align:center;border:1px solid #ddd;border-radius:5px;font-weight:500;font-size:.95rem;}
.channel .photo>ul>li>a:hover{background:#0062e0;color:#fff;border:1px solid #0062e0;}

.channel .cate>ul{padding:0;background:#000;}
.channel .cate>ul>li{height:2.2rem;line-height:2.2rem;text-indent:.5rem;position:relative;border-bottom:1px solid rgba(255,255,255,.15);}
.channel .cate>ul>li>a{display:block;width:100%;text-align:center;color:red;font-weight:bold;}
.channel .cate>ul>li>a:hover{background:red;color:#fff;}

.site{margin:3px;border:1px solid #003982;border-radius:5px;overflow:hidden;margin-bottom:13px;}
.site .title{height:38px;background:#003982;color:#fff;line-height:38px;font-weight:bold;font-size:1rem;text-align:center;}
.site>ul{padding:0;}
.site>ul>li{height:2.2rem;line-height:2.2rem;text-indent:.5rem;position:relative;border-bottom:1px solid rgba(100,100,100,.15);overflow:hidden;}
.site>ul>li>a{display:block;width:100%;}
.site>ul>li>a>span{position:absolute;right:0.5rem;font-size:.88rem;font-weight:500;color:#f00;}
.site>ul>li:last-child{border-bottom:none;}
.site>ul>li:nth-child(2n){background:#f9f9f9;}
.site>ul>li:hover{background:#f0f0f0;}


.tuku{position:relative;}
.tuku .tlist{padding:5px;}
.tuku .tlist li{display:none;text-align:center;}
.tuku .tlist li.cur{display:block;}
.tuku .tlist li>img{width:100%;}
.tuku .tktab{display:flex;height:40px;line-height:40px;align-items:center;justify-content:space-between;}
.tuku .tktab>span{flex:1;text-align:center;height:40px;cursor:pointer;background:#0362e0;font-size:16px;font-weight:bold;color:#fff;border-right:1px solid #fff;}
.tuku .tktab>span:last-child{border-right:0;}
.tuku .tktab>span.cur{background:#003982;color:red;}

.info-year{border-top:1px solid #ddd;padding:3px;}
.info-year .tab{height:2.5rem;line-height:2.5rem;background:#ddd;font-weight:bold;display:flex;align-items:center;}
.info-year .tab>span{flex:1;text-align:center;cursor:pointer;}
.info-year .tab>span.cur{background:#0062e0;color:#fff;}
.info-year .box,.info-tuku .box{display:block;padding:5px 0}
.info-year .box>ul>li,.info-tuku .box>ul>li{float:left;width:33.33%;display:flex;align-items:center;justify-content:center;padding:5px 0;}
.info-year .box>ul>li>a,.info-tuku .box>ul>li>a{width:100%;margin:0 3px;background:#f9f9f9;padding:5px 0;text-align:center;border:1px solid #ddd;border-radius:5px;font-weight:500;font-size:.95rem;overflow:hidden;}
.info-year .box>ul>li>a:hover,.info-tuku .box>ul>li>a:hover{background:#0062e0;color:#fff;border:1px solid #0062e0;}
.info-tuku{border-top:1px solid #ddd;padding:3px;}
.info-tuku .tab{height:2.5rem;line-height:2.5rem;background:#ddd;font-weight:bold;display:flex;align-items:center;}
.info-tuku .tab>span{flex:1;text-align:center;cursor:pointer;}
.info-tuku .tab>span.cur{background:#0062e0;color:#fff;}




/* 列表 */
.list-outlink{display:block;width:100%;padding-top:5px;}
.list-outlink img{width:100%;height:auto;}
.list-outlink .link{margin-bottom:5px;}
.list-content{display:block;}
.list-content>ul{}
.list-content>ul>li{border-bottom:1px solid rgba(100,100,100,.2);}
.list-content>ul>li>a{display:block;padding:10px;}
.list-content .title{line-height:20px;}
.list-content .title.red{color:red;font-weight:bold;}
.list-content .title.blue{color:blue;font-weight:bold;}
.list-content .title.green{color:green;font-weight:bold;}
.list-content .times{font-size:12px;color:#999;line-height:12px;padding-top:8px;}
.list-content .times>label{margin-left:10px;}
.list-pages{display:block;padding:20px 0;text-align:center;}
.list-pages>a{border:1px solid #ddd;padding:3px 12px;border-radius:5px;display:inline-block;background:#fff;color:#000;font-size:14px;}
.list-pages>a.grey{color:#999;}
.list-pages>a.select{margin:0 2px;width:100px;padding:1px 0 0;display:inline-block;height:31px;border:0;line-height:28px;background:url('https://carboregional.mediasfrance.org/static/images/pic_select.png') no-repeat;position:relative;text-align:left;text-indent:20px;}
.list-pages>a.select>select{opacity:0;position:absolute;left:0;top:0;height:31px;width:100px;z-index:9}

/* 详情 */
.info-outlink{display:block;width:100%;padding-top:5px;}
.info-outlink img{width:100%;height:auto;}
.info-outlink .link{margin-bottom:5px;}
.info-content{display:block;padding:5px 10px;}
.info-content>.time{height:40px;line-height:40px;color:#999;font-size:14px;border-bottom:1px solid rgba(100,100,100,.2)}
.info-content>.time>label{margin-left:30px;}

.info-content>.pages{display:block;padding-top:5px;}
.info-content>.pages>div{border:1px solid #eee;padding:5px;margin-bottom:10px;border-radius:3px;}
.info-content>.pages>div:last-child{margin-bottom:5px;}
.info-content>.pages>div>a{display:block;}
.info-content>.pages>div:hover{background:#028a1f;color:#fff;border:1px solid #028a1f;}

.imgbox{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.9);z-index: 99999;display: flex;justify-content: center;align-items: center;webkit-animation-duration: 350ms;animation-duration: 350ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: show;animation-name: show;max-width: 800px;right: 0;margin: 0 auto;}
.imgbox img{width: 100%;max-height: 800px;max-width: 800px;}

/* 相册 */
.ablum{display:block;}
.ablum>.char{display:block;margin:5px 0;}
.ablum>.char>h3{background:#eee;padding:3px 10px;font-weight:bold;border-bottom:1px solid #ddd;}

.ablum>.char>ul{padding:10px;}
.ablum>.char>ul>li{height:40px;line-height:40px;border-bottom:1px solid #eee;font-size:16px;position:relative;}
.ablum>.char>ul>li>a{display:block;}
.ablum>.char>ul>li>a:hover{background:#fafafa;}
.ablum>.char>ul>li span{position:absolute;right:0;padding:0 15px;font-size:14px;top:6px;display:inline-block;color:#fff;border-radius:5px;background:#0062e0;height:28px;line-height:28px;}
.ablum>h1{display:block;font-size:20px;text-align:center;padding:10px 0;}
.ablum>.bar{height:20px;display:block;background: linear-gradient(to bottom, #0062e0, #003982);}
.ablum img{width:96%;margin:2%;}

.issue{display:block;padding:0;}
.issue .tit{height:40px;background:#003982;line-height:40px;font-weight:bold;color:#fff;text-indent:10px;}
.issue ul{padding:10px 5px;}
.issue ul>li{width:20%;float:left;height:36px;text-align:center;cursor:pointer;}
.issue ul>li>span{height:30px;background:#f0f0f0;width:90%;display:block;line-height:30px;margin:auto;border-radius:3px;overflow:hidden;}
.issue ul>li.cur>span{background:#003982;color:#fff;font-weight:bold;}
.issue ul>li>span:hover{background:#0062e0;color:#fff;}