﻿*,html,body{padding: 0;margin: 0;}
/*div#bg{width:100%;height:100%;position:fixed;top:0;left:0;*//*background:url('../img/bg2.png');*//*z-index: -1;}*/
.row{margin:0;}

.main{/*width:1024px;*/margin:10px auto;}
.main .panel{background-color:rgba(0,0,0,0);}
.main .main-title{font-family: '经典繁超宋';font-size: 30px;margin-bottom:30px;}
.main .panel-title a{text-decoration:none;}
.main .panel-group{width:220px;}
.main .panel-group h4{font-family: '楷体';margin:0;font-size: 18px;}
.main .col-xs-3 .panel{border:0;box-shadow:none;-webkit-box-shadow:none;}
.main .col-xs-3 .panel-default .panel-body{padding:0;}
.main .col-xs-3 .panel-default ul{display:block;list-style:none;margin-bottom:0;border-bottom:0;width:170px;}
.main .col-xs-3 .panel-default ul li{font-family:楷体;font-size:18px;margin-bottom:1px;margin-left:33px;float:none;}
.main .col-xs-3 .panel-default ul li.parentLi{padding:5px 0;border-bottom:1px solid #ddd;margin-top:12px;font-size:20px;margin-left:13px;}
.main .col-xs-3 .panel-default ul li a{color:#000;display:block;border:0;padding:5px 15px;}
.main .col-xs-3 .panel-default ul li a:hover{color:rgb(198, 198, 0);text-decoration:none;}
.main .col-xs-3 .panel-default ul li.active a{color:rgb(198, 198, 0);/*border-bottom:1px solid rgb(198, 198, 0);*/}

.main .col-xs-3 .panel-default ul li a span{width:5px;height:25px;float:right;margin-left:6px;display:none;}
.main .col-xs-3 .panel-default ul li a:hover span{display:block;}
.main .col-xs-3 .panel-default ul li.active span{display:block;}

.main .col-xs-9 .article-title{margin-top:0;margin-bottom:30px;font-family:'经典繁超宋';font-size:20px;}
.main .col-xs-9 .article-title span{padding:5px 8px;border-radius:4px;background-color:rgb(40,192,198);font-size:13px;font-family:'microsoft yahei';color:#fff;float:right;}
.main .col-xs-9 .article-title span:hover{cursor:pointer;}
.main .col-xs-9 .tab-content table>tbody>tr>td h4{font-family:"Helvetica Neue","microsoft yahei",Helvetica,Arial,sans-serif;font-size:17px;}
.main .col-xs-9 .tab-content table>tbody>tr>td hr{margin:10px 0;}
.main .col-xs-9 .tab-content table>tbody>tr>td p{margin-bottom:10px;}
.main .col-xs-9 .tab-content table>tbody>tr>td span.btn{
    padding:5px 10px;
    margin-left:30px;
    background-color:rgba(0,0,0,.6);
    background: url('../img/bg1.png');
    border:0;
    font-size:13px;
}

.main .col-xs-9 table>tbody>tr{font-family: "Helvetica Neue", "microsoft yahei", Helvetica, Arial, sans-serif;}
.main .col-xs-9 table>tbody>tr>td p{line-height:22px;margin:5px 0;}
.main .col-xs-9 ul.article-list{display:block;list-style:none;}
.main .col-xs-9 ul.article-list li{height:30px;margin-top:8px;}
.main .col-xs-9 ul.article-list li a{
    text-decoration: none;
    color:#000;
    padding:10px 0;
    font-family: "Verdana", "microsoft yahei", Helvetica, Arial, sans-serif;
    font-size: 12px;
    display: block;
    border-bottom:1px solid #ddd;
    width:90%;
}
.main .col-xs-9 ul.article-list li a:hover{border-bottom-color:rgb(198, 198, 0);}
.main .col-xs-9 ul.article-list li a img{
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    margin-top:1px;
}



.top-banner-nav{background-color:#2677b5;width:100%;}
.top-banner-nav .top-banner-nav-div{width:1024px;margin:0 auto;height: 130px;padding-top: 15px;}
.top-banner-nav-div .col-xs-2{text-align:center;}
.top-banner-nav-div .col-xs-2 div{display:inline-block;padding:5px 8px;font-size:16px;background-color:#fff;border-radius:5px;margin:30px auto;font-family:"microsoft yahei";color:#2677b5;margin-top:25px;}
.top-banner-nav-div .col-xs-2 .yu{display:inline-block;border:3px solid #fff;border-radius:50%;background-color:#2677b5;padding:10px;margin-rop:30px;}
.top-banner-nav-div .col-xs-2 div .glyphicon{font-size:20px;color:#fff;}
.top-banner-nav-div .col-xs-2 div a.act{color:rgb(198,198,0);}

.main-content{width:1024px;margin:50px auto;}
.main-content .col-sm-3 .reply{text-align:center;}
.main-content .col-sm-3 .reply span{display:block;width:100%;padding:10px;font-size:20px;background-color:#28c0c6;font-family: "Helvetica Neue", "microsoft yahei";color:#fff;}
.main-content .col-sm-3 .reply div{margin-top:30px;height:90px;border:3px solid #2677b5;border-radius:5px;}
.main-content .col-sm-9 {border:3px solid #2677b5;padding:15px 20px;border-radius:5px;}
.main-content .col-sm-9 p.title{padding:15px 10px;background-color:#eee;}
.main-content .col-sm-9 ul{list-style:none;}
.main-content .col-sm-9 ul li{margin:5px 8px;padding:10px;}
.main-content .col-sm-9 ul li:nth-child(odd){background-color:rgb(250,250,250);}
.main-content .col-sm-9 ul li img{width:60px;height:60px;margin-right:8px;display:inline-block;}
.main-content .col-sm-9 ul li a{}
.main-content .col-sm-9 ul li p{color:#aaa;}
.main-content .col-sm-9 ul li p span{margin-right:6px;}
.glyphicon-download-alt{
    display:inline-block;float:right;display:none;
}




/*移动端样式调整*/
@media (max-width:600px) {
    .container,.main,.row{width:100%;overflow-x: hidden;}

    #top-logo,#nav,#usercenter,.foot{display:none;}
    .main-content{width:100%;margin:15px 0;}
    .main-content .col-sm-9{border:0;padding:5px;}
    .main-content .col-sm-3{display:none;}
    .top-banner-nav .top-banner-nav-div{width:100%;height: auto;}
    .top-banner-nav .top-banner-nav-div .yu{display:none;}
}