body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
li{list-style:none}
fieldset,img{border:0}
table{border-collapse:collapse;border-spacing:0}
q:before,q:after{content:”}
button,input,select,textarea{font-size:100%}
legend{color:#000}
small{font-size:12px}
hr{border:none;height:1px}
a{text-decoration:none}
a:hover{text-decoration:underline}
.cle:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cle{ display:inline-block}
.cle{ display:block}
.clear {clear: both;}
*{
    box-sizing: border-box;
}
body{
    font-size: 10px;
    font-family: "微软雅黑";
    background: rgb(237,237,237);
}
.nav{
    font-size: 1.4rem;
}
.navbar{
    background-color: white;
}
#container-fluid{
    padding: 0;
}
.collapse{
    padding: 0;
}
.navbar-nav>li>a:hover{
    color: rgb(175,206,252)!important;
}
.navbar-form{
    float: right;
    padding:0 1rem 0 0;
    line-height: 3rem;
}
.nav-search,.navbar-login{
    float: left;
}
.nav-search{
    border: 1px solid #000;
    margin-right: 1rem;
}
.nav-search input{
    border: none;
    height: 3rem;
    padding: 0;
}
.navbar-login img{
    vertical-align: bottom;
}
.nav-search1{
    width: 4rem;
    height: 3.3rem;
    background: rgb(26,150,126);
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-size: 60%; 
    background-position: center;
    vertical-align: bottom;
    cursor: pointer;
}
.all{
    width:7rem;
    height: 3.3rem;
    line-height: 3rem;
    background: rgb(4,61,101);
    text-align: center;
    color: white;
    font-weight: bold;
    cursor: pointer;
    margin-right: -0.4rem;
}
.navbar-header{
    height: 5rem;
    line-height: 5rem;
    padding-left:2rem;
}
.navbar-brand{
    margin:0 2rem 0 1rem;
    padding: 0;
}
.navbar-nav li a{
    padding:1.5rem 0.5rem;  
}
.collapsed{
    padding: 0;
    z-index: 1000!important;
}


.prompt{
    width: 1000px;
    height: 30px;
    margin: 35px auto 40px auto;
    border-bottom: 1px solid rgb(176,176,176);
}
.prompt p{
    display: inline-block;
    height: 30px;
    width: 80px;
    text-align: center;
    background: rgb(100,189,252);
    line-height: 30px;
    color: white;
    font-size: 14px;
    font-weight: bold;
}
.prompt-nav{
   display: inline-block;
   margin-left: 10px;
   vertical-align: middle;
   cursor:pointer;
}

.prompt-nav a{
    font-size: 14px;
    line-height: 14px;
    vertical-align: bottom;
    color:#626262;
}
main{
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 100px;
}
.main-left{
    width: 720px;
    float: left;
    display: inline-block;
}
.content{
    width: 720px;
    background: white;
}
.main{
    width: 680px !important;
    margin: 0 auto;
}
.main>img{
    width: 680px;
    padding-top: 20px;
}
.main-date{
    margin-top: 15px;
    font-size: 12px;
}
.date{
    float: left;
    color: rgb(134,134,134);
}
.share{
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.share span{
    display: inline-block;
    height: 30px;
    vertical-align: center;
}
.share p{
        width: 25px;
        height: 25px;
        border-radius: 50%;
        margin-left: 10px;
        display: inline-block;
}
.weiXin{
    background: rgb(62,177,53);
    background-image: url(../images/wx.png);
    background-position: center;
    background-repeat: no-repeat;
}
.weiBo{
    background: rgb(223,77,105);
    background-image: url(../images/wb.png);
    background-position: center;
    background-repeat: no-repeat; 
}
.qq{
    background: rgb(77,175,234);
    background-image: url(../images/q.png);
    background-position: center;
    background-repeat: no-repeat; 
}
.dou{
    background: rgb(46,158,59);
    background-image: url(../images/dou.png);
    background-position: center;
    background-repeat: no-repeat; 
}
article{
    width: 680px;
    margin: 0 auto;
    text-align: justify;
    padding-bottom: 30px;
}
h3{
    font-size: 25px;
    color:#000;
    padding: 30px 0;
    font-family: "微软雅黑";
    text-indent: 32px;
}
article p{
    font-family: "微软雅黑";
    font-size: 20px;
    color: #4c4c4c;
    text-indent: 32px;
    line-height: 46px;
}
.comment{
    width: 720px;
    height: 200px;
    margin-top: 50px;
    position: relative;
}
.comment img{
    float: left;
}
.comment textarea{
    width: 660px;
    height: 150px;
    border: none;
    font-size: 14px;
}
.comment button{
    display: block;
    width: 90px;
    height: 35px;
    background: rgb(27, 144, 244);
    color: white;
    border-radius: 5px;
    border: none;
    font-size: 20px;
    margin-top: 20px;
}
.title{
    width: 660px;
    margin-left: 60px;
    padding: 10px 0;
    border-bottom: 1px solid rgb(180,180,180);
}
.show{
    width: 660px;
    font-size: 14px;
}
.show .span-right{
    cursor:pointer;
    margin-left:20px;
}
.show-1{
    width: 660px;
    margin-top: 30px;
    margin-left: 60px;
    position: relative;
    border-bottom: 1px solid rgb(180,180,180);
    font-size: 14px
}
.show-11{
    padding-top:30px;
    height: 100px;
    width: 600px;
    float:right;
    overflow: hidden;
}
.show-11 .contentArea{
    margin-left: 40px;
}
.show-1 img{
    float: left;
}
.contentArea{
    margin-left: 60px;

}
.contentArea div:nth-of-type(2){
    padding: 20px 0;
}
.people p:nth-of-type(1){
    color: rgb(27, 144, 244); 
}
.people p:nth-of-type(2){
    padding: 5px 0;
}
.main-right{
    display: inline-block;
    width: 250px;
    margin-left:30px;
}
.imgP{
    font-size: 14px!important;
}
.bg{
   background: white; 
}
.lanmu,.tuijian{
    margin: 0 25px 30px 25px;
    
}
.lanmu h4,.tuijian h4{
    font-size: 20px;
    padding: 15px 0;
    font-weight: bolder;
}
.lanmu img{
    padding-bottom: 20px;
}
.tuijian p{
    padding: 10px 0;
    font-size: 10px;
}
.top{
    width: 30px;
    height: 30px;
    background: rgb(76,142,163);
    background-image: url(../images/top.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -30px;
    bottom: -30px;
    z-index: 1000000;
}
footer{
    width: 100%;
    height: 138px;
    font-size: 14px;    
    background: white; 
    margin-top: 140px;
}
div.bg a{
    color:#575757;
}
div.bg h4{
    font-weight: bold;
}
.footer{
    margin-top: 45px;
}
.footerNav{
    width: 450px;
    margin: 0 auto;
    padding-bottom: 2opx;
}
.footerNav p{
    display: inline-block;
}
.footerBottom{
     width: 320px;
     margin: auto;
}
@media only screen and (min-width:768px) and (max-width:3000px){
    .show-2{
        display: none!important;
    }
}
@media only screen and (min-width:260px) and (max-width:768px) {
    .navbar{
        height: 95px;
        /*border-bottom: 1px solid black!important;*/
        box-shadow: 1px 3px 1px 0 gray;  
    }
    .navbar-header{
        padding: 0;
        width:100%;
        height: 95px;
    }
    #container-fluid{
        padding: 0;
        margin-left: -10px;
    }
    .navbar-toggle{
        margin: 30px 5px;
    }
    .navbar-header a{
        width: 40%;
        height: 95px;
    }
    .navbar-header img{
        width: 100%;
        height: 80%;
    }
    .navbar-brand img{
        margin: 13px 0;
        margin-left: -10px;
    }
    .prompt{
        width: 90%;
        position: relative;
        right: 5%;
    }
    .main-left{
        width: 100%;
    }
    .main-right{
        display: block;
    }
    main{
        width: 100%;
        height: 100%;
    }
    .main-left{
        width: 100%;
    }
    .content{
        width: 100%;
        background: white;
        padding: 0 15px;
    }
    .main{
        width: 100% !important;
    }
    .main>img{
        width: 100%;
        padding-top: 20px;
    }
    article{
        width: 100%;
    }
    .comment{
        display: none;
    }
    .title{
        display: none;
    }
    .show{
       display: none!important;
    }
    footer{
        display: none;
    }
    .show-2{
        width: 100%;
        margin:25px 0;
        background: white;
    }
    .comment-2{
        width: 100%;
        margin: 0 20px;
    }
    .comment-2 h1{
        font-size: 26px;
        padding: 25px 0;
    }
    .contentArea-2{
        width: 100%;
        height: 50px;
        position: relative;
    }
    .contentArea-2 img{
        width: 55px;
        height: 55px;
        display: inline-block;
        float: left;
        border-radius: 50%;
    }
    .contentArea-2 textarea{
        width: 85vw;
        height: 50px;
        display: inline-block;
        margin-right: 20px !important;
        border: none;
        background: rgb(244,244,244);
        font-size: 20px;
        line-height: 50px;
        padding-left: 20px;
        position: absolute;
        right: 20px;
    }
    .show-1 img:nth-of-type(1){
        width: 55px;
        height: 55px;
    }
    .show-xs{
        margin-left: 0;
    }
    #name,#footer{
        color: rgb(134,134,134);
    }
    .count{
        display: inline-block;
        height: 24px;
        line-height: 24px;
    }
    .shand{
        display: inline-block;
        width: 100px;
        height: 100px;
    }
    .heart{
        width: 24px;
        height: 24px;
        display: inline-block;
        background-image: url(../images/heart.png);
        background-position: center;
        background-repeat: no-repeat;
        padding-right: 15px;
    }
    .message{
        width: 24px;
        height: 24px;
        display: inline-block;
        background-image: url(../images/message.png);
        background-position: center;
        background-repeat: no-repeat;
        padding-left: 15px;
    }
    #footer{
        margin-right: 40px;
    }
    .main-right{
        width: 100%;
        background: white;
        margin: 0;
    }
    .bg{
        background: white;
        width: 100%;
        padding: 0 20px;
    }
    .main-right img{
        width: 50rem;
        height: 50rem;
    }
    .lanmu,.tuijian{
        width: 100%;
        margin: 0 0 30px 0;   
    }
    .lanmu img{
        width: 49%;
        height:180px;
    }
    .img1 img{
        width: 100%;
    }
    .img1{
        width: 49%;
        height:10%;
    }   
    .lanmu h4,.tuijian h4{
        font-size: 20px;
        padding: 15px 0;
    }
    .lanmu img:nth-of-type(1){
        padding-right: 20px;
    }
    .tuijian p{
        padding: 10px 0;
        font-size: 14px;
    }
    .img1 img,.img3 img,.img2 img,.img3 img{
        height: 180px;
    }
    .img1,.img3,.img2,.img3{
        display: inline-block;

    }
}