body{ margin:0 auto; padding:0; font-size:12px; font-family:Tahoma,Arial,Helvetica, sans-serif,""; color:#3D3D3D;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0;}
h1,h3,h3,h4{ font-size:14px;}
.clear{ clear:both;}
a{ color:#3D3D3D; text-decoration:none;}
a:hover{ text-decoration: underline; color:#ff6600;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
.label-btn-default {color: #333333;}
.label-btn-red {color: #ff6600;}
a.label-btn-default:focus {
    color: #333333;
}
a.label-btn-red:focus {
    color: #ff6600;
}
a.label-btn-default:hover,
a.label-btn-red:hover {
    color: #fff;
    background: #5cb85c;
    text-decoration: none;
    cursor: pointer;
}


#top_member{position: relative; width:auto;_width:430px; height:40px; line-height:30px; padding:0 10px; padding-top: 10px; background-color:#247fd2;color:#fff;overflow:hidden; }
#top_member span{word-break:break-all;float:left; overflow:hidden;}
#top_member a {float: right;width: 70px;line-height: 20px;background: #247fd2;border:1px solid #fff;color:#fff;text-align: center;
    margin:5px 3px 0px; border-radius: 10px;
}
#top_member a:hover{background:#ff9900; text-decoration: none;}

#footer {
    font-size: 13px;
    color: #fff;
    background: #101f24 url('../../img/footer-bg.jpg') left bottom no-repeat;
}

#footer>.container {
    padding: 15px 15px 10px;
}

#footer a {
    color: inherit;
}

#footer a:hover {
    color: #fff;
}

#footer .marks {
    position: relative;
}

#footer .marks .visit {
    margin: 0 -15px;
}

#footer .marks .visit a {
    padding: 0 10px;
}

#footer .marks .visit a span {
    font-size: 24px;
}

#footer .marks .visit a:hover {
    text-decoration: none;
}


.site-nav{background: #247fd2;}
.site-nav .navbar{ margin-bottom: 0px}
.site-nav .navbar-default {
    /*background: transparent;*/
    background: #247fd2;
    border:none;
}
.site-nav .navbar-inverse .navbar-nav>li>a{
    padding-top: 20px;
    padding-bottom: 20px;
  color: #ffffff !important;
}
.site-nav .navbar-inverse .navbar-nav>li>a:hover{
    color: #ffffff;
} 

.site-nav .site-logo{ color: #ffffff; line-height: 50px; font-size: 16px; font-weight: bold; padding: 5px 0px 0px 10px ;}
.site-nav .site-logo img{padding-top: 5px;}

.site-nav .navbar-default .navbar-toggle .icon-bar {
    background-color: #fdfdfd;
}

/*sile*/
.person-box{padding: 5px; text-align: center; line-height: 200%;}


h2 a:hover,h3 a:hover,
h4 a:hover {text-decoration: none; }
.center{text-align:center;}

.red{color:red;}
.left{float: left;}
.right{float: right;}
.time { color: #999999;}



/*btn*/


.sidebar { margin-right:10px;}
.sidebar-box {margin-bottom: 20px;}
.sidebar-box h3 { background:#34a2db; height:40px; line-height:40px; padding:0px 0px 0px 20px; margin:0px;margin-bottom: 10px;border-radius:7px 0px; font-size:16px; color:#ffffff;}
.sidebar-box h3.help{background:#23b85b;}
.sidebar-box h3 a:link, .sidebar-box h3 a:visited{color:#ffffff;}
.sidebar-box .cate{ font-size:14px;}
.sidebar-box .cate li{margin-bottom: 5px; overflow:hidden; border:1px solid #08b0b2;border-radius:7px 0px; line-height:250%; text-indent:10px;}
.sidebar-box .cate li a:link,.sidebar-box .cate li a:visited{display:block; color: #08b0b2;}
.sidebar-box .cate li a:hover{background: #08b0b2; color:#ffffff;}
.sidebar-box .cate li.hover a{background: #08b0b2; color: #ffffff;}
.sidebar-box .note{ font-size:14px;}
.sidebar-box .note li{overflow:hidden;height:37px; line-height:37px; padding:0px 10px; border-bottom: 1px dotted #cccccc;}
.sidebar-box .note a:link, .sidebar-box .note:visited{ color:#333;}
.sidebar-box .note a:hover{color:#339900;}
.sidebar-box .help-note{ font-size:14px; text-align: center;}
.sidebar-box .help-note li{margin-bottom: 5px; overflow:hidden; border:1px solid #ffffff;border-radius:18px 27px 18px 18px; line-height:250%; text-indent:10px;
background: #19a4ed;
background: -webkit-linear-gradient(top, #19a4ed, #2972ab);
background: -moz-linear-gradient(top, #19a4ed, #2972ab);
background: linear-gradient(top,#19a4ed,#2972ab);}
.sidebar-box .help-note li.qq{background: #08b0b2;
background: -webkit-linear-gradient(top, #08b0b2, #067677);
background: -moz-linear-gradient(top, #08b0b2, #067677);
background: linear-gradient(top,#08b0b2,#067677);}

.sidebar-box .help-note li.ask{background: #bfa704;
background: -webkit-linear-gradient(top, #bfa704, #9f6100);
background: -moz-linear-gradient(top, #bfa704, #9f6100);
background: linear-gradient(top,#bfa704,#9f6100);}

.sidebar-box .help-note li a:link,.sidebar-box .help-note li a:visited{display:block; color: #ffffff;}
.sidebar-box .help-note li a:hover{background: #08b0b2; color:#ffffff;}

.arc-content{padding:10px 15px; text-align: left;}


.sidebar{ margin-right:10px;}
.sidebar .menu{ width: 260px; overflow: hidden; margin-bottom:10px;}
.sidebar .menu li{ height: 30px; padding-left: 10px; font-size: 13px; line-height: 30px; cursor: pointer;}
.sidebar .menu li.on,.sidebar .menu li.on a,.sidebar .menu li:hover,.sidebar .menu li:hover a{ background:#333;color:#FFF;opacity: 0.65;-moz-opacity: 0.65;filter:alpha(opacity=65); font-weight:bold;} 
.sidebar .menu li a{display:block;}


/**/
.post-meta{padding: 10px; text-align: center;}




/*page*/
.pager{margin:20px 5px 50px 20px;line-height: 30px;}
.pager a,
.pager span
{line-height: 30px; height: 30px; padding:0px 10px; text-align: center; margin-right: 5px;
    display: block; float: left;background: #FFF;color: #666; border: 1px solid #cccccc;}
.pager a:hover,
.pager span.current{   text-decoration: none;	color: #FFF;background:#34a2db; border-color:#34a2db;}


ul.personInfo{margin: 0px; padding:5px; font-size:14px;}
.personInfo li{line-height:200%;}
.form .h3{padding:5px; height: 20px; line-height: 20px; background:#d5f1ff; font-size:14px; font-weight:bold;}

.login-box{padding:5px;}
.login-box .h3{padding:10px; font-size:16px; font-weight:bold; color:#0f92d6;}


/**/

.topic-item{position:relative;padding:20px 0;*zoom:1;min-height:90px;_height:90px;border-bottom:1px solid #e6e6e6}
.topic-item h3{margin-bottom:12px}
.topic-item h3 a{font-size: 1.15em;color: #0066FF;}
.topic-item .item-pic{position:absolute;left:0;width:90px;height:90px;top:20px; overflow:hidden}
.topic-item .item-pic a{display:block;height:100%}
.topic-item .item-pic img{width:100%;height:100%;border-radius: 50%;}
.topic-item .item-note{padding-left:100px;color:#777;font-size:14px;line-height:20px; margin-top: 20px; margin-bottom: 20px;}
.topic-item .pull-right{float: right;}
.topic-item .bbs-name{color: #999999;}
.topic-item .bbs-name:hover{color: #7da1bc;}

.istop{}
.tag,.tag-red{background: #777777;border-radius: 2px;color: #FFFFFF;padding: 1px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    font-size: 13px}
.tag-red {
    background-color: #FF5722;    
}
.tag-small {
    font-size: 12px;
    padding: 0 4px;
}
.mr-1 {margin-right: 5px;}
.mt-1 {margin-top: 5px;}


.bbs-header {padding-bottom: 20px; border: 1px dotted #cccccc;
font-size: 16px;position: relative;overflow: visible;min-height: 100px;margin-bottom: 10px; text-align: left;}
.bbs-header h2{ text-align: center; padding: 10px;font-size: 18px;}
.bbs-header h2 a {background: #666666;padding: 5px 10px;color: #eeeeee;border-radius: 3px; display:inline-block; text-align: center;}
.bbs-header p {padding:5px 20px 0px; line-height: 200%; color: #666666;}


a.btn-post{padding:10px 10px;margin: 1px; display: inline-block; text-align: center;border-radius: 5px; font-size: 16px;background: #23b85b;}

a.btn-post:link,a.btn-post:visited{display:block; color: #ffffff;}
a.btn-post:hover{background: orange; color:#ffffff;}

.num-topic{background: #ffffff; color: #666666; padding:1px 5px; margin-left: 10px; border: 1px solid #08b0b2; border-radius: 3px;}


.topic-post-h1 {padding: 20px; border: 1px dotted #cccccc;
font-size: 16px; font-weight: bold; position: relative;overflow: visible;min-height: 160%;margin-bottom: 10px;}

.post-avatar img{width:100%;height:auto; border-radius: 50%; max-width: 90px;}

.topic-post-item{position:relative;}
.topic-post-item h3{margin-bottom:12px; font-weight: bold;}
.topic-post-item .item-person{position:absolute;left:5px;width:90px;min-height:90px;top:10px; overflow:hidden}
.topic-post-item .item-person a{display:block;height:100%;color: #0066FF;}
.topic-post-item .item-person img{width:100%;height:auto; border-radius: 50%;}
.topic-post-item .item-note{padding-left:120px; color:#333333;font-size:14px;line-height:20px;}
.topic-post-item .quick-panel{position:absolute;min-width:50px;height:20px;right:0;top:0px; text-align: right;}
.quick-panel-foot{min-width:50px;height:20px;padding-left: 120px;}

.master,.rep-master{display: inline-block; height:20px; line-height: 20px; padding:0px 10px;border-radius:0px 0px 3px 3px; text-align: center;background: #34a2db; color:#ffffff;}
.rep-master{background: no-repeat; color: #333; border: 1px solid #cccccc; border-top-width:0px; }


.item-note .time{padding:10px 0px;}
.item-note .note{padding:30px 0px 20px; min-height: 100px; font-size: 16px;}
.item-note .note img,.sub-item-note img{max-width:98%;}
.item-note .note pre,.sub-item-note pre {font-size: 14px; padding:5px; margin:5px 5px; border:1px solid #CCCCCC; white-space: pre-wrap;word-wrap: break-word; background:#042141; color:#ffffff;}


#subReplyBox{display: none; background: #eeeeee;padding: 10px 10px; margin-top: 10px;}


/*post edit add --*/
.post-h3{padding:5px; height: 20px; line-height: 20px; font-size:16px; font-weight:bold;}

.not-padding-top{
	height: 510px;
	background:url('../images/forum_sub_bg.jpg') no-repeat ;
	padding-top: 0;
}
/* 社区页面模糊图片  */
.login-view{
    border-radius: 5px;
    text-align: center;
    width: 320px;
    height: 117px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    margin-top: -147px;
    margin-left: -145px;
    border: 2px solid #f4f4f4;
}
.login-view h2{
	padding-top: 2px;
    font-size: 25px;
    line-height: 40px;
}
.login-button{	
	height: 35px;
    color: white;
    background-color: #0084ff;
    display: inline-block;
    width: 74px;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    font-size: 18px;
}
/* 登录弹窗  */
.layer-div{
	padding-top: 35px;
    margin-right: 30px;
    text-align: center;
	display: none;
}
.layer-div >form > div {
	margin-bottom: 15px;
}
.layer-div .form-btn{
	padding-left: 111px;
	text-align: left;
}
.layer-div input{
	height: 16px;
    padding: 6px 12px;
    font-size: 16px;
    width: 165px;
}
.layer-div label{
	height: 16px;
    padding: 6px 12px;
    font-size: 16px;
    width: 165px;
}
.layui-layer .layui-layer-title{
	font-size: 16px;
    font-weight: bold;
    color: #333;
}	

.search-info {
	margin-top: 17px;
    margin-left: 5px;
}
.search-info label {
	display: inline;
    padding: 5px 7px 6px;
    font-size: 80%;
    line-height: 1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
}
.search-info strong {
	color:#ff742c;
}
.item-note strong{
	color:#ff742c;
}
.text-center{
	text-align: center;
}
.best_reply {    
    background: #fcffe2  url(../images/bg_best.png) right top no-repeat;
    background-size: 90px 90px;
}
.best_reply_sub{
    background: #fcffe2;
}


#sidebarShowBtn {cursor: pointer; border-radius: 20px 0px 0px 20px !important;}

@media (min-width: 768px) { 

    #footer {
        font-size: 14px;
        color: #8E8E93;
        height: 440px;
    }

    #footer .container {
        padding: 54px 15px;
    }

    #footer .logo {
        float: left;
    }

    #footer .navigation {
        width: 70%;
        float: right;
    }

    #footer .navigation ul {
        display: inline-block;
    }

    #footer .navigation ul ol {
        padding: 0 0 10px;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
    }

    #footer .navigation ul li a {
        color: #fff;
        line-height: 40px;
    }

    #footer .links {
        padding: 10px 0;
        margin: 10px 0;
        border: solid #1c2a2f;
        border-width: 1px 0;
    }

    #footer .links a {
        padding: 0 10px;
    }

    #footer .marks {
        margin-right: -10px;
    }

    #footer .marks .copyright p {
        margin: 0;
    }

    #footer .marks .visit {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
    }

}

@media (min-width: 993px) {
    .site-nav .container {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .site-nav .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    .site-nav .site-logo {/*display: none;*/}
    .site-nav .navbar-nav>li>a {
        font-size: 15px;
        color: #ffffff;
    }

    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
        color: #ffffff;
        background-color: #195d9b;
        /*box-shadow: 2px 2px 13px #dcdcdc;*/
    }
    .site-nav .dropdown-menu {
        border-top: none;
        /*background-color: #33a1ff;*/
        border-radius: 0;
       min-width: 100%;
        /* padding: 20px 30px;*/
        background: #195d9b;
        /*box-shadow: 2px 2px 14px #dddddd;*/

    }
    .site-nav .dropdown-menu>li>a{
        /*display: inline-block;*/
        color: #ffffff;
        padding: 10px 50px; 
        text-align: center
    }

    .site-nav .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {

        color: #ffffff;
        text-decoration: none;
        background-color: #247fd2;
    }

    #sidebarShowBtn {display: none;}
    .sidebar {display: block;}



}

@media (min-width: 768px)  and (max-width:992px) { 

    .form-horizontal .control-label { text-align: left;}
     
    .navbar-header {
    float: none;
    }
    .navbar-nav>li {
        position: relative;
        float: none;
        display: block;

    }
    .navbar-toggle {
        display: block;
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 15px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0px;
    }
    .navbar-right .dropdown-menu {
        right: 0; 
        left: 0; 
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
          background-color: #595757;
        }
    .navbar-nav>li>a {
        color: #ffffff!important;
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding: 10px 5px;
        position: relative;
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
        height: auto;
        padding-bottom: 0;
        overflow: visible;
    }

    .navbar-right {
    float: none!important;
    margin-right: -15px;
    }
    .navbar-left {
    float: none!important;
    margin-left: -15px;
    }
    .navbar-collapse.in {
    overflow-y: auto!important;
    }

    .collapse.in {
        display: block!important;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-top: 1px solid  #e7e7e7;;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a
    {
        color: #ffffff;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
    {
        background-color: #195d9b;
    }
    .site-nav .navbar-default {
        margin-left: -15px;
        margin-right: -15px;
    }

}
@media (max-width:992px) {
    .navbar-toggle {
    margin-top: 15px;
    }
    .navbar-nav>li>a {
        color: #ffffff!important;
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding: 10px 5px;
    }
    .site-nav .site-logo { font-size: 20px;display: block; padding-top: 5px;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a
    {
        color: #ffffff;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
    {
        background-color: #195d9b;
    }
  .site-nav .navbar-default {
    background: transparent;
    /*background: #ffffff;*/
    border:none;
    }
    .dropdown-menu>li.h3 {display: none;}

    .section-sidebar {position: fixed; right: 0; bottom: 0; width: 35%;z-index: 99999;padding: 0; margin: 0;}   
    .sidebar {padding: 0; margin: 0; display: none;}
    .person-box img { width: 50px; } 
    .sidebar-box { margin-bottom: 5px;}
    .sidebar .btn-post {font-size: 13px;}
    .sidebar-box h3{font-size: 13px;height: 30px;line-height: 30px;padding: 3px 3px 3px 3px;margin-bottom: 5px; overflow: hidden;}
    .sidebar-box .cate{font-size: 13px;}
    .sidebar-box .cate li {overflow: hidden;  height: 30px;line-height: 30px;background: #ffffff;}
    .sidebar-box a.btn-post { padding: 5px 5px; margin: 1px;  font-size: 13px; }

    .topic-post-item .item-person{min-height: 70px; width: 70px;}
    .topic-post-item .item-note {padding-left: 80px;}
    .quick-panel-foot {padding-left: 80px;}


}