@charset "utf-8";

.fl{float: left;}

.fr{float:right;}

.body-fixed{padding-bottom:70px;}
body{background: #f0f0f0;}
.site-header,

body{margin:0 auto; max-width: 640px; overflow: hidden;}

/* 首页 */

.site-header{background:#0a3b88;margin: 0 auto;width: 100%;height: 50px;z-index: 999;position: relative;}

.site-header .site-top{display: block;height: 50px;line-height: 50px;text-align: center;font-size: 16px; color: #fff; text-align: right; padding-right: 35px;}
.site-header .navbtn{display: block;width:30px;height:30px; line-height:30px;position: absolute;top: 10px;right: 10px; background: url(../images/menu.png) center no-repeat;}
.site-header .logo{width:75%;position:absolute; left: 0; top: 0;display:table-cell; vertical-align:middle;padding:13px 10px;}

.topbar{float: right;padding:15px 10px;}
.topbar a{display: block; width: 20px; height: 20px; background: url("../images/topico.png") no-repeat; float: left; margin-left: 6px;}
.topbar a.menu-btn{background-position:right 0;}



/* 底部 */

.footer{height:55px; width:100%;z-index: 1004; position: fixed; bottom: 0; left: 0}

.footer ul{ background: #f0f0f0; border-top: 1px solid #e1e1e1;max-width: 640px; margin:0 auto;padding:8px 0 5px 0;}

.footer ul li{width:25%; text-align: center;float: left; position:relative;}

.footer ul li span{display: block; height: 20px;}

.footer ul li a{display: block;}

.footer ul li .icon{width: 20px; height:20px;margin:0 auto;}

.footer ul li .txt{line-height: 20px;font-size: 13px; margin-top:3px; color: #666666;}

.footer ul li .icon-home{background: url(../images/f_ico1.png) no-repeat;}

.footer ul li .icon-video{background: url(../images/f_ico2.png) no-repeat;}

.footer ul li .icon-cart{background: url(../images/f_ico3.png) no-repeat;}

.footer ul li .icon-my{background: url(../images/f_ico4.png) no-repeat;}

.footer ul li.current span.icon{background-position:0 -20px;}
.footer ul li.current a span{color: #0a3b88;}




/* Control Nav */
.flexslider { background: #fff; position: relative; zoom:1;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.flexslider .slides li { text-align: center;}
.flexslider .slides li img{width: 100%;}
.flex-control-nav {width: 100%; position: absolute; bottom:6px; text-align: center; z-index: 1001;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:6px; height: 6px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.nav-toggle{position: fixed;left: -100%; top:50px; width:100%; height: 100%; z-index: 1002; background: #fff;-webkit-overflow-scrolling: touch;
    transition:all 0.6s;
    -webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -o-transition:all 0.6s;}
html.mm-opening .nav-toggle{display:block; left: 0;}
.mm-wrap{overflow: hidden;}


.section{margin-bottom: 10px; background: #fff;}
.section-header{height: 45px;}
.section-header .text{
    background: #fff;
    height: 45px;
    padding:0 10px;
    line-height:45px;
    float: left;
    font-size: 16px;
    border-left:4px solid #0a3b88;
}
.section-header .text .change{
    display: inline-block;
    line-height: 45px;
    padding-left: 22px;
    background: url("../images/reflash.png") left center no-repeat;
    font-size: 14px;
}
.header-bg{
    background: #0a3b88;
}
.section-header .tag{
    float: right;
    padding:0 10px;
    color: #fff;
}
.section-header .tag a{
    font-size: 14px;
    color: #fff;
    display: inline-block;
    line-height: 45px;
    padding:0 5px;
}
.category-list ul{
    padding:10px;
}
.category-list ul li{
    width: 33.33%;
    float: left;
    padding:0 6px;
}
.category-list ul li a{
    display: block;
    border:1px solid #d9d9d9;
}

.book-list li{
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
    padding:15px;
}
.book-list li .book-thumb{
    float: left;
    width: 100px;
    margin-right: 20px;
}
.book-list li .book-content{
    overflow: hidden;
    padding-top: 20px;
}
.book-list li .book-title{
    margin-bottom: 10px;
    line-height: 30px;
}
.book-list li .book-title a{
    font-size: 16px;
    font-weight: bold;
}
.book-list li .book-author{
    color: #999;
}
.section-footer{
    height: 45px;
    line-height: 45px;
    text-align: center;
}
.section-footer a.more{
    display:inline-block;
    padding-right: 25px;
    font-size: 16px;
    color: #0a3b88;
    background:url("../images/more_arr.png") right center no-repeat;
}

.news-list li{
    height: 50px;
    height:auto;
    padding:10px 10px;
    line-height: 20px;
    //overflow: hidden;
    background:url("../images/line.png") repeat-x 0 bottom;
    font-size: 15px;
}

.nav{
    padding:10px;
    background: #fff;
}
.nav .index{
    height:60px;
    background: #0a3b88;
}
.nav .index{
    float: left;
    display: block;
    height:60px;
    text-align: center;
    width: 80px;
    line-height: 60px;
    font-size: 18px;
    background: #0a3b88;
    color: #fff;
}
.navbar{
    overflow: hidden;
}
.navbar li{height: 30px; line-height: 30px;text-align: center; width: 33.33%; text-align: center; float: left;}
.navbar li a{font-size: 15px;}