*{
    margin:0;
    padding:0;
    font-family: Microsoft YaHei;
}
ul{
    list-style:none;
}
.active{
    background:#7b84a5!important;
}
body{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.top{
    background:#717171;
    text-align:right;
    line-height:30px;
    padding:0 10px;
}
.top a{
    color:#fff;
    text-decoration:none;
    padding:0 10px;
    font-size:14px;
}
.head{
    background:#a7becf;
    padding:20px;
    color:#fff;
    font-family: Arial;
    overflow: hidden;
    min-width:1056px;
}
.head .logo{
    float: left;
    width:140px;
}
.head .logo a img{
    border:none;
}
.head .title{
    float: left;
    margin-top:20px;
}
.head .title .chinese_name{
    margin:0;
    font-size: 36px;
    font-family: FZYaoti;
}
.head .title .english_name{
    margin:0;
    font-size: 24px;
}
.head .user{
    float:right;
    width:100px;
    text-align:right;
    height:124px;
    line-height:124px;
}
.head .user a{
    color:#fff;
}
.nav{
    height:40px;
    min-width:1096px;
    background:#3e608c;
    position: relative;
    z-index: 10;
}
.nav .box{
    width:1096px;
    overflow: hidden;
    position: absolute;
    left:50%;
    margin-left:-550px;
}
.nav .box ul{
    float: left;
    width:16%;
    position: relative;
    z-index: 10;
    height:40px;
    overflow: hidden;
    text-align: center;
    line-height:40px;
    margin-right:0.8%;
    background:#3e608c;
}
.nav .box ul li a{
    text-decoration: none;
    color:#fff;
    display: block;
    font-size: 15px;
}
.nav .box ul li:hover{
    background:#7b84a5;
}
.container{
    position: relative;
    overflow: hidden;
    background:#f3f1e9;
    min-width:1096px;
}
.container .box{
    width:1096px;
    position:relative;
    margin:0 auto;
    overflow: hidden;
    padding:70px 0 100px;
}
.container .box .left{
    float: left;

    width:20%;
    border:1px solid #ccc;
    height:120px;
    line-height:30px;
    background:#fff;
}
.container .box .right{
    background:#fff;
    float: right;

    width:75%;
    padding:10px;
    line-height:30px;
}
.container .box .left h3{
    padding:6px 10px;
    background: #a7becf;
}
.container .box .left a{
    display:block;
    text-decoration: none;
    line-height:40px;
    color:#000;
    padding-left:10px;
}
.container .box .left a:hover{
    background:#ddd;
}
.active_{
    color:#778124!important;
}
.container .box .right .con{
    padding:0 6px 60px;
}
.container .box .right .pos{
    line-height:60px;
    border-bottom:1px solid #999;
    font-size: 15px;
}
.container .box .right h2{
    text-align: center;
    margin:30px 0;
}
.container .box .right p{
    line-height:22px;
}

.container table{
    width:100%;
}
.container table td{
    vertical-align:top;
}
.container .box .userLeft{
    width:12%;
    min-height:200px;
    background:#fafbfc;
    padding:2%;
    text-align:center;
    font-size:14px;
}
.container .box .userLeft .img{
    width:100px;
    height:100px;
    background:url("../img/user_pic.jpg") center no-repeat;
    display:inline-block;
}
.container .box .userRight{
    width:80%;
    min-height:200px;
    background:#fff;
    padding:2%;

}
.container .box .userRight .cardHead {
    overflow:hidden;
}
.container .box .userRight .cardHead a{
    text-decoration:none;
    color:#333;
    border:1px solid #aaa;
    padding:4px 8px;
    float: left;
    font-size:14px;
    background:#ccc;

}
.container .box .userRight .cardHead .active2{
    background: #fff !important;
    border-bottom:1px solid #fff;
}
.container .box .userRight .cardBody{
    border:1px solid #aaa;
    min-height:200px;
    margin-top:-1px;
    overflow:hidden;
}
.container .box .userRight .cardBody .wzBox{
    width:200%;
    overflow:hidden;
}
.container .box .userRight .cardBody .wz,.container .box .userRight .cardBody .tz{
    float: left;
    width:50%;
    margin-top:10px;
    font-size: 14px;
}
.not{
    padding:0 10px;
}
.container .box .userRight .cardBody .row{
    padding:0 10px;
    overflow:hidden;
    border-bottom:1px dashed #ddd;
    height:30px;
    line-height:30px;
}
.container .box .userRight .cardBody .row .title{
    float: left;
    text-decoration:none;
    color:#2B65B7;
}
.container .box .userRight .cardBody .row span{
    float: right;
    color:#aaa;
}
.newWz{
    margin-top:16px;
    font-size:14px;
}
.writingTitle{
    margin:6px 0 8px;
    padding-right:16px;
}
.writingContent{
    padding-right:14px;
}
#title{
    display:block;
    width:100%;
    height:30px;
    padding:0 6px;
}
#content{
    width:100%;
    padding:6px 6px;
    resize:none;
}
#wz,#tz{
    color:#999;
    text-decoration:none;
}
.wzActive{
    color:#000 !important;
    font-weight:bold !important;
}
.submit{
    margin-top:6px;
    text-align:right;
}
.submit input,.commentBtn{
    width:100px;
    height:30px;
    background:#4e86e0;
    border:none;
    color:#fff;
    font-size:14px;
    cursor:pointer;
}
.tzContent h2{
    margin-bottom:30px;
    text-align:Center;
}
.container .box{
    position:relative;
}
.articleContent{
    padding:20px 20px 100px 20px;
    margin-right:300px;
    background:#fff;
}
.articleContent h2{
    text-align:Center;
    margin-bottom:20px;
}
.author{
    position:absolute;
    right:0;
    top:70px;
    width:280px;
    height:240px;
    background:#fff;
}
.author h3{
    background:#3e608c;
    line-height: 50px;
    text-align:Center;
    color:#fff;
    font-weight:normal;
}
.author .detail{
    padding:20px;
}
.author .detail p{
    line-height:30px;
    color:#666;
}
.author .detail p a{
    text-decoration:none;
    color:#999;
}
#info{
    text-align:right;
    color:#aaa;
    margin-top:20px;
}
#info span{

}
.comment{
    margin-top:30px;
}
#comment{
    width:100%;
    margin-top:4px;
    resize:none;
    padding:6px;
    height:100px;
}
.commentBox{
    padding-right:14px;
}
.otherComment ul li{
    padding:16px 0;
    line-height: 30px;
    border-bottom:1px solid #eee;
}
.otherComment ul li p{
    clear:both;
}
.otherComment .pl-title{
    padding:0;
    line-height: 30px;
    border-bottom:1px solid #ccc;
}
.otherComment .empty{
    text-align:center;
    color:#aaa;
    border:none;
    padding:16px 0;

}
.commentUser{
    font-size: 12px;
    padding-right:10px;
    color:#666;
    float: left;
}
.commentTime{
    font-size: 12px;
    color:#666;
    float: left;
}
.support,.against{
    float: right;
    padding-right:10px;
    font-size:14px;
    cursor:pointer;
}.support:hover,.against:hover{
    color:red;
 }

.against{
    padding-right:0;
}
._active{
    background:#0060ff;
    color:#fff!important;
}

.footer{
    height:40px;
    background:#28292d;
    line-height:40px;
    color:#aaa;
    min-width:1096px;
    font-size: 14px;
}
.footer .wrapper{
    width:60%;
    margin-left:20%;
    text-align: center;
}



















































