html, body, .wrap { 
    height:100%; 
}
/*body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}*/
.wrap {
    height:auto; 
    min-height:100%; 
    _height:100%; 
    background:#f2f5f7; 
    color:#000; 
}
.main { 
    padding-bottom:100px;
    margin-top:152px;
}

/*评分start*/
.score{
    display:none;
    width:300px;
    border:1px solid #ccc;
    border-radius: 5px;
    padding:10px;
    position: absolute;
    left: -30px;
    top: 40px;
    z-index: 10;
    background-color: #fff;
}
.evaluate{
    display:block;
    width:100%;
    height: 90px;
    border:1px solid #ccc;
    border-radius: 2px;
    resize: none;
    padding:3px;
    line-height: 1.5;
}
.score-star{
    float: left;
    margin-top: 10px;
}
.evaluate-release{
    float:right;
    display:block;
    margin-top: 8px;
    font-size: 18px;
    padding: 8px 16px;
    border-radius: 3px;
    background-color: #3fb0ff;
    color:#fff;
}
/*评分end*/
/*详情start*/
.detail{
    display:none;
    width:350px;
    border:1px solid #4078c0;
    border-radius: 5px;
    padding:10px;
    position: absolute;
    left:-30px;
    top: 36px;
    z-index: 10;
    color: #666;
    background-color: #e3eef6;
}
.detail-content{
    line-height: 1.2;
}
/*详情end*/

.demo-caret{
  position: absolute;
  top: -14px;
  left:60px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-top: 0;
  border-right:10px solid transparent;
  border-bottom:14px solid #ccc;
  z-index: 2;
}
.demo-caret.score-caret{
    border-bottom:14px solid #ccc;
}
.demo-caret.detail-caret{
    border-bottom:14px solid #4078c0;
}
.demo-caret:before{
    content:"";
    position: absolute;
    top: 1px;
    left:-10px;
    z-index: -1;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 0;
    border-right:10px solid transparent;
    border-bottom:14px solid #fff;
}
.demo-caret.detail-caret:before{
    border-bottom:14px solid #e3eef6;
}


/*头部start*/
.header{
    position: fixed;
    left:0;
    top:0;
    width:100%;
    border-bottom: 1px solid #eee;
    -webkit-box-shadow: 0 2px 5px #aaa;
    -moz-box-shadow: 0 2px 5px #aaa;
    -ms-box-shadow: 0 2px 5px #aaa;
    -o-box-shadow: 0 2px 5px #aaa;
    box-shadow: 0 2px 5px #aaa;
    z-index: 100;
    background-color: #fff;
}
.logo-container{
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}
.logo-header{
    height: 98px;
    width: 1024px;
    margin: 0 auto;
    line-height: 98px;
    /*color:#fff;*/
    position:relative;
}
.login-info{
    font-size: 12px;
    position:absolute;
    line-height: 30px;
    right:5px;
    top:10px;
}
.login-info a:hover{
    color:#3fb0ff;
}
.system-tip{
    margin-right: 26px;
}
.main-logo{
    height:98px;
    float: left;
    line-height: 88px;
    padding-right: 30px;
    margin-right: 30px;
    background: url(../images/line2.png) no-repeat center right;
}
.main-logo img{
    vertical-align: top;
    margin-top:24px;
}
.main-title{
    font-size: 22px;
    font-weight: lighter;
}
.user-info{
    float:right;
}
.user-info .exit{
    color:#ddd;
    margin-left: 30px;
}
.user-info .exit:hover{
    color:#fff;
}
.user-info .user-name{
    color:#ddd;
}
.user-info .exit i{
    font-size: 20px;
    color:#fff;
}
.header .nav-container{
    background-color: #fff;
    width:100%;
    overflow:hidden;
}
.header .nav{
    width:1024px;
    margin: 0 auto;
    height:52px;
}
.nav-list{
    float:left;
    margin-bottom: 0;
    font-size: 0;
}
.nav-list li{
    /*float: left;*/
    display: inline-block;
    /*margin-right: 40px;*/
}
.nav-list li a{
    display:block;
    padding: 0 30px;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    color:#000;
    border-left:1px dashed #ccc;
    /*-webkit-transition: border-color .2s linear;
    -moz-transition: border-color .2s linear;
    -ms-transition: border-color .2s linear;
    -o-transition: border-color .2s linear;
    -ms-transition: border-color .2s linear;
    transition: border-color .2s linear;*/
}
.nav-list li:last-child a{
    border-right:1px dashed #ccc;
}
.nav-list li a.active,
.nav-list li a:hover{
    /*border-bottom:3px solid #e80000;*/
    background-color: #f6f6f6;
}
.nav .search{
    float:right;
    padding-top:9px;
    vertical-align: top;
    /*padding:12px 0;*/
}
.search-option{
    display:inline-block;
    background-color: #f1f1f1;
    position:relative;
    width:102px;
    overflow:hidden;
    border-radius: 3px;
    border: 1px solid #ccc;
    vertical-align: middle;
    height:36px;
}
.down-arrow{
    position:absolute;
    right:10px;
    top:10px;
    z-index: 0;
}
.search #searchCate{
    position:relative;
    z-index: 1;
    background-color: transparent;
    text-indent: 10px;
    padding:6.5px 0;
    text-indent:10px;
    border:none;
    width:130px;
    font-size: 16px;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.search select::-ms-expand{
    display:none;
}
.nav .search input{
    width: 220px;
    padding:8px 10px;
    height:36px;
    padding:6.5px 10px;
    font-size: 16px;
    border-radius: 3px;
    border:1px solid #ccc;
    vertical-align: top;
}
.nav .search .search-btn{
    padding:7px 12px;
    display:inline-block;
    height:36px;
    /*line-height: 36px;
    padding:0 12px;*/
    border-radius: 3px;
    background-color: #23d0f5;
    color:#fff;
    font-size: 16px;
    margin-left: 2px;
    vertical-align: top;
}
.nav .search .search-btn:hover{
    background-color: #22c0e5;
}
.nav .search .search-btn i{
    font-size: 22px;
}
/*头部end*/


/*主体内容start*/
.main-container{
    width: 1024px;
    margin: 0 auto;
}
.source-list{
    margin: 12px 0;
    position: relative;
    font-size: 16px;

}
.source-label{
    float:left;
    margin-right:10px;
    padding:10px 0;
}
.source-content{
    /*overflow:hidden;*/
    width:900px;
    /*float:left;*/
}
.source-content li{
    /*float:left;*/
    display:inline-block;
    margin-bottom: 8px;
}
.source-content li.hided{
    display:none;
}
.source-content li a{
    display:block;
    padding:10px 8px;
    border-radius: 5px;
    border:1px solid #ccc;
    color:#000;
}
.source-content li.show-more{
    margin-left:10px;
}
.source-content li.show-more span{
    display:block;
    padding:10px 8px;
    border-bottom: 1px solid #ccc;
    padding-bottom:3px;
    cursor: pointer;
}
.show-more span:hover{
    color:#3fb0ff;
}
.source-content li a:hover{
    background-color: #ddd;
}
.source-content li a.active{
    background-color: #3fb0ff;
    color: #fff;
    border:1px solid #3fb0ff;
}
// .show-more{
//     padding:10px 0 3px;
//     display:inline-block;
//     /*width:70px;*/
//     cursor: pointer;
//     font-size: 17px;
//     border-bottom: 1px solid #ccc;
//     overflow: hidden;
// }
// .show-more:hover{
//     color:#3fb0ff;
// }
.show-method{
    position: absolute;
    right : 0;
    top:10px;
}
.show-method a{
    cursor: pointer;
    padding:6px 10px;
    margin-left:2px ;
    background-color: #aeb8c1
}
.show-method a i{
    color:#888;
    font-size: 18px;
}
.show-method a.active i{
    color:#fff;
}
.book-container{
    margin-top: 16px;
}
.list-header{
    overflow: hidden;
    margin-bottom: 0;
}
.list-header li{
    color: #b2bfc8;
    font-size: 12px;
    padding:5px 10px;
}
.book-list li{
    color:#333;
    font-size: 14px;
    padding:15px 10px;
}
.book-container li{
    /*float: left;*/
    display:inline-block;
}
.book-container .book-name{
    width:37%;
}
.book-container .book-introduction{
    width:16%;
}
.book-container .book-pageviews{
    width:16%;
}
.book-container .book-operating{
    width:28%;
}
.book-list ul{
    /*overflow:hidden;*/
    background-color: #fff;
    margin-bottom: 6px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 3px -2px #999;
    -moz-box-shadow: 0 2px 3px -2px #999;
    -ms-box-shadow: 0 2px 3px -2px #999;
    -o-box-shadow: 0 2px 3px -2px #999;
    box-shadow: 0 2px 3px -2px #999;
}
.book-list .book-name,
.book-list .book-introduction,
.book-list .book-pageviews{
    border-right: 1px solid #eee;
}
.book-list .book-introduction a{
    color:#03a9f4;
    position: relative;
    cursor: pointer;
}
.book-list .book-introduction i,
.book-list .book-pageviews i{
    color:#ddd;
    margin-right: 5px;
}
.book-list .book-operating i{
    color: #03a9f4;
    margin-right: 10px;
}
.book-list .book-operating{
    padding:8px 10px;
}
.book-list .comment,
.book-list .collect{
    display:inline-block;
    position: relative;
    /*float: left;*/
    margin-right: 10px;
    padding:5px 16px;
    border:1px solid #ddd;
    border-radius: 999px;
    cursor: pointer;
}
.list-pages{
    padding:20px;
    text-align: center;
}
.list-pages span{
    display:inline-block;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    cursor: pointer;
}

.list-pages span.active,
.list-pages span:hover{
    background-color: #82b6d7;
    color: #fff;
}
.list-pages .prev-page,
.list-pages .next-page{
    background-color: #82b6d7;
    width:auto;
    height:auto;
    padding:4px 6px;
    font-size: 18px;
    color:#fff;
    border-radius: 3px;
    margin:0 5px;
}
/*主体内容end*/

/*底部start*/
.footer { 
    position:relative; 
    height:100px; 
    margin-top:-100px; 
    background:#464646; 
    text-align: center;
    padding:16px;
}
.footer-content{
    width:660px;
    margin:0 auto;
}
.footer img{
    float:left;
    margin-right: 20px;
}
.company-info div{
    font-size: 14px;
    line-height: 1.2;
    color:#BABABA;
}
/*底部end*/


/*引入部分start*/
.seach{
    margin:10px auto 0 auto;
    height:135px;
    padding:0 0px 14px 2px;
}
.kuang{
    height:38px; 
    width:66%; 
    display:block; 
    float:left; 
    padding:5px; 
    background:none;
    border:1px solid #dfdfdf;
}
#dropdown{ 
    float:left;
} 
.input_select{
    box-sizing: content-box;
    display: block;
    width:78px; 
    height:20px; 
    padding:8px; 
    padding-right:30px; 
    text-align:center; 
    border:1px solid #dfdfdf; 
    border-left:none; 
    background:url(../images/under.png) no-repeat 90px 13px;
    color:#af2125; 
    cursor:pointer; 
} 
.lang{
    background: url(../images/under.png) no-repeat 85px 13px;
}
#dropdown ul{
    width:115px; 
    background:none; 
    margin-top:0px; 
    border:1px solid #dfdfdf; 
    position:absolute; 
    display: none;
    text-align:center; 
    z-index: 9999999;
} 
#dropdown ul li{
    height:38px; 
    line-height:38px;
} 
#dropdown ul li a{
    display:block; 
    height:38px; 
    color:#af2125; 
    text-decoration:none;
    background:#fff;
} 
#dropdown ul li a:hover{
    background:#af2125; 
    color:#fff;
} 
#search4{
    width: 550px;
} 
.butn{
    width:106px;
    height:38px;
    background:url(../images/magnifying-glass.png) no-repeat 75px 8px #af2125;
    border:#af2125  1px solid;
    color:#fff;
    padding-right:30px;
    margin-left:30px;
    float: left;    
}
.new-butn{
    width:106px;
    height:38px;
    background:url(../images/magnifying-glass.png) no-repeat 78px 8px #af2125;
    border:#af2125  1px solid;
    color:#fff;
    padding-right:25px;
    margin-left:20px;
    float: left;    
}
.new-butn1{
    width:130px;
    height:38px;
    background:url(../images/magnifying-glass.png) no-repeat 105px 8px #af2125;
    border:#af2125 1px solid;
    color:#fff;
    margin-left:10px;
    float: left;    
}
.kuai{
    margin-top:10px;
    font-size: 14px;
    display: inline-block;
}
.kuai a{
    color:#666;
    font-size:14px;
    margin-right:15px;
}
.kuai a:hover{
    color:#af2125;
}
.w136{
    width:136px;
}
.container{
    width:1024px; 
    padding:0;
    margin:0 auto;
    overflow:hidden;
    background-color: #fff;
}

.texiao{
    background:#fff;
    border:#dfdfdf 1px solid;
    box-shadow:#c1c1c1 2px 2px 5px;
    border-radius:5px;
}
.weixin{
    position: fixed;
    z-index: 999999;
    top:351px;
    right:5px;
    width: 110px;
    background-color: #fff;
    text-align: center;
    padding: 10px;
    border:1px solid #dfdfdf;
    color: #af2125;
    font-size: 14px;
}
.weixin div{
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.weixin span{
    /* float: left; */
    width: 15px;
    vertical-align: middle;
}
.yidong{
    line-height: 13px;
}
.w25{
    width:25%;
}
.w50{
    width:50%;
}
.w12{width:12.5%;}
.xiao{
    padding:12px 0 15px 52px;
    background: url(../img/dot1.png) no-repeat 40px 16px;
    display:block;
    font-size:14px;
    float:left;
}
.biao{
    padding:40px 11px 10px 11px;
    display:block;
    float:left;
    font-size:10px;
    text-align:center;
}
.biao img{
    display:block;
    margin:0 auto 5px auto;
}
.xinwen{
    padding:5px 0 5px 12px;
    background:url(../img/dot.png) no-repeat 0 12px;
    font-size:14px;
    text-overflow : ellipsis; 
white-space : nowrap; 
overflow : hidden;
}
.content-tabs .post-type {margin: 0 20px 10px 0;}
.tabs-nav {
        margin: 0;
        padding:0;
        width: 100%;
        list-style: none outside none;
        border-bottom: 2px solid #af2125;
}
    
.tabs-nav li {
            position: relative;
            float: left;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            text-align:center;

}
.padtop10{margin-top: 10px}     
.tabs-nav li a {
            display: block;
            padding: 0 20px;
            font-size: 16px;
            color:#333;
            border-top:0;
            background-color:#fff;
        }
.tabs-nav li a:hover{background-color: #af2125;
color: #fff;}
.tabs1-nav li a:hover{
    color:#af2125;
}


.tabs1-nav {
        margin: 0;
        padding:0;
        /*padding-left:10px;*/
        width: 100%;
        list-style: none outside none;
}
    
.tabs1-nav li {
            position: relative;
            float: left;
            margin: 0;
            padding: 0;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            text-align:center;

}
        
.tabs1-nav li a {
            display: block;
            padding: 0 20px;
            font-size: 16px;
            color:#af2125;
            border-top:0;
            background-color:none;
        }
.tabs1-nav li a:hover{
    color:#fff;
    background-color:#af2125;
}
    /* Sidebar Tabs */
.content-tabs,.content1-tabs,.aside-tabs{
    height:237px;
}
        .aside-tabs .tabs-nav li:after {
            position: absolute;
            top: -20px;
            z-index: 98;
            visibility: hidden;
            overflow: hidden;
            padding: 0 10px;
            height: 23px;
            line-height: 23px;
            color: #121412;
            content: attr(data-tooltip);
            font-style: italic;
            font-size: 0.923em;
            font-family: 'Droid Serif',serif;
            opacity: 0;
            
            -webkit-transition: all 0.25s linear 0s;
               -moz-transition: all 0.25s linear 0s;
                -ms-transition: all 0.25s linear 0s;
                 -o-transition: all 0.25s linear 0s;
                    transition: all 0.25s linear 0s;
        }
                
            .aside-tabs .tabs-nav li a {
                position: relative;
                padding: 0;
            }
            
        
        .aside-tabs .tabs-nav li:after {right: -35px;}
        .aside-tabs .tabs-nav li.recent:after {right: -40px;}
        .aside-tabs .tabs-nav li.popular:after {right: -48px;}
        .aside-tabs .tabs-nav li.tags:after {right: -30px;}
        
    
        .aside-tabs .tabs-nav li:hover:after {
            top: -10px;
            opacity: 1;
            visibility: visible;
        }
        
        .aside-tabs .tabs-nav li.popular a {background-position: 0 0;}
        .aside-tabs .tabs-nav li.recent a {background-position: -53px 0;}
        .aside-tabs .tabs-nav li.tags a {background-position: -106px 0;}
        .aside-tabs .tabs-nav li.latest a {background-position: -159px 0;}
        
        .aside-tabs .tabs-nav li.popular.active a {background-position: 0 -40px;}
        .aside-tabs .tabs-nav li.recent.active a {background-position: -53px -40px;}
        .aside-tabs .tabs-nav li.tags.active a {background-position: -106px -40px;}
        .aside-tabs .tabs-nav li.latest.active a {background-position: -159px -40px;}
        
        .aside-tabs .tabs-nav li.active:last-child a {border-right: 1px solid transparent;}

        .tabs-nav li.active a { 
            color:#fff;
            background-color: #af2125;
        }
.tabs1-nav li.active a {
            color:#fff;
            background-color:#af2125;
        }
        
        .tab-content h3 {margin-bottom: 1.2em;}
        
        .tab-content p {margin-bottom: 1.5em;}
    
.tabs-container {
    overflow: hidden;
    padding: 10px;
    border: 0;
    z-index: 100;
}

.tab-content ul{
    margin:0;
    padding:0;
    
}

.tab-content ul li a{
    color:#333;
}
.tab-content ul li a:hover{
    color:#af2125;
}
.more{
    font-size:14px;
    float:right;
}
.more a{
    color:#8e8e8e;
}
.more a:hover{
    color:#af2125;
}
.center{
    position: absolute;
    bottom: 0;
    width:100%;
    margin:5px auto;
    text-align:center;
    font-size:14px;
    display:block;
}
.center a{
    color:#8e8e8e;
}
.center a:hover{
    color:#af2125;
}
.aside-tabs .tabs-container {margin-bottom: 0;}

.tabs-container .tab-content {display: none; width:982px;}
 #tab11.tabcon11{   width: 1058px;} 
#tab13.tabcon13{ width:1008px;}
.aside-tabs .tab-content:first-child {padding-top: 0;}
.aside-tabs .entry {display: table;}
.aside-tabs .tab-content h6 {margin-bottom: .2em;}
.small-thumb li:first-child {padding-top: 0; border: none;}

.small-thumb li {
    padding: 15px 0;
    border-top-width: 1px;
    border-top-style: solid;
}

ul.small-thumb li:last-child {padding-bottom: 5px;}
    
ul.tag-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none outside none;
    color: #888c87;
}
    
ul.tag-list li {
    float: left;
    list-style: none outside none;
    margin-right: 5px;
    margin-bottom: 4px;
}

ul.tag-list li:after {content: ',';}
ul.tag-list li:last-child:after {content: '';}

ul.tag-list li a,
ul.tag-list li span {
    color: #888c87;
    font-style: italic;
}

/*引入部分end*/