*{
    box-sizing: border-box;
}
a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var {
    margin: 0;
    padding: 0
}
b {font-weight: 400;}
button{
    cursor: pointer;
}
ol, ul {


}
a:active,a:visited,a:focus,a:hover {
    text-decoration: none!important;
}
img {
    border: 0;
    vertical-align: middle
}

em, i, u {
    font-style: normal
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color: #aaa;
    font-size: .7rem;
}

/*@media screen and (min-width: 640px)  and (max-width: 768px) and (orientation: portrait){
    body {
        font-size: 14px;
    }
}
@media screen and (max-width: 640px) and (orientation: portrait) {
    body {
        font-size: 12px;
    }
}*/
body{
    font-weight: 400;
    background-color: #fff;
    font-family: "微软雅黑";
    font-size: 16px;
    color: #444;
}
.row {
    margin: 0;
    padding: 0;
}

a {
    color: #666;
    text-decoration: none
}
input{
    outline: none;
}
a:hover{
    /*color: #C81623;*/
    text-decoration: none;
}


.web-footer {
    position: fixed;
    flex-direction: column;
    display: flex;
    padding: 5px;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-family:  Arial, sans-serif;
    font-size: 14px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.footer-div {
    margin: 0 5px;
}

.main{padding: 0px 4%;}
.user{width:100%;display: flex;margin-top: 20px;}
.avatar{width:40px;height:40px;border-radius: 50%;margin-right: 10px;}
.nickname{width:100%;flex:1;}
.nickname2{width:100%;height:20px;line-height: 20px;overflow: hidden;font-size: 14px;color:#000;}
.nickname3{width:100%;height:20px;line-height: 20px;overflow: hidden;font-size: 12px;color:#666;}
.title{width:100%;line-height: 25px;font-size: 14px;font-weight: 550;color:#333;margin-top: 20px;}
.content{width:100%;margin-top: 20px;}
.content2{width:100%;line-height: 25px;font-size: 14px;color:#333;}
.content3{width:100%;text-align: center;overflow: hidden;}
.content3 img{max-width:100%;height:auto;margin: 5px 0px;}
.pl{width:100%;padding:0px 4%;display: flex;position: fixed;bottom: 0px;border-top:1px #eee solid;z-index:9998;background-color: #fff;}
.pl2{width:100%;flex:1;}
.pl3{display: inline-block;height:45px;padding: 0px 15px;overflow: hidden;}
.pl3 img{width:25px;height:25px;margin-top: 10px;float: left;}
.pl3 span{line-height:45px;font-size:12px;color:#666;margin-left:3px;float: left;}
.pl-1{width:90%;height:30px;background-color: #eee;border-radius: 20px;margin-top: 7.5px;line-height: 30px;color:#999;font-size: 12px;}
.pl-1 img{width:15px;height:15px;margin-top: 7.5px;margin-left: 10px;float: left;margin-right: 8px;}
.tiao{width:100%;height:6px;background-color: #f8f8f8;margin: 10px 0px;}
.comment{padding:0px 4%;line-height: 30px;text-align: center;color:#000;}
.comment2{padding: 0px 4%;margin-bottom: 20px;margin-top: 15px;}
.comment2-1{width:100%;display: flex;}
.comment2-1 img{width:40px;height:40px;margin-right: 10px;border-radius: 50%;}
.comment2-1-1{width:100%;flex:1;}
.comment2-1-1-1{width:100%;height:20px;line-height: 20px;overflow: hidden;font-size: 12px;color:#000;}
.comment2-1-1-2{width:100%;height:20px;line-height: 20px;overflow: hidden;font-size: 12px;color:#666;}
.comment2-2{padding-left:50px;line-height: 22px;font-size: 14px;color:#333;}
.dakai{width:220px;height:45px;line-height: 45px;text-align: center;color:#fff;position: fixed;bottom: 80px;left:50%;margin-left: -110px;z-index:9995;border-radius: 30px;background: linear-gradient(to right,#ffb370,#ff8418);font-size: 14px;}
.fufei3-2{width:220px;height:40px;line-height: 40px;text-align: center;color:#fff;border-radius: 30px;background: linear-gradient(to right,#ffb370,#ff8418);font-size: 14px;margin: 0 auto;margin-top: 15px;}
.fufei{width:100%;height:30vh;position: fixed;top:0px;background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 100%);z-index:9998;}
.fufei2{width:100%;height:70vh;position: fixed;top:30vh;background-color:#fff;z-index:9998;}
.fufei3{width:250px;position:fixed;left:50%;z-index:9999;top:50%;transform: translate(-50%,-50%);}
.fufei3-1{width:100%;text-align: center;color:#000;line-height: 25px;}