*{margin: 0; padding: 0; border: 0; font-family: "PingFang",'Microsoft YaHei';font-size: 12px;}
body{
	padding: 0 2% 0 2%;
}
a{text-decoration: none;}
.header{
	border-bottom: 1px solid #F1F1F1;
	height: 15vw;
	padding: 0 1vw;
}
.header>.flex1{
	height: 15vw;
}

.header>.flex1>.logo{
	width:20.266vw;
}


.style_F1{
	font-size: 3.4666vw;
	color: #777777;
}

.style_F2{
	font-size: 3.4666vw;
	color: #1f77d2;
}

.btn_blue1{
	display: inline-block;
	width: 13.8666vw; height: 5.06666vw; line-height: 5.5vw;
	border: 1px solid #5a9bde;
	border-radius: 3px;
	color: #5a9bde; font-size: 3.4666vw;
	text-align: center;
}
.flex1{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.title{
	padding: 0 1vw;
	margin-top: 2vw;
}

.title_head{
	font-size: 4vw;
	color: #666;
	line-height: 7.3333vw;
}
.title_head_left, .title_head_right{
	display: inline-block;
	margin: 2vw 0 ;
	font-size: 3.4666vw;
	color: #999;
}
.title_head_left>img.eye{
	width: 4vw;
	margin-right: 1.333vw;
	margin-left: 8vw;
}

.body{
	padding: 0 1vw 4vw;
	margin-top: 6.666vw;
	border-bottom: 1px solid #F1F1F1;
	font-size: 4vw;
    color: #666;
    line-height: 7.3333vw;
}
.body>div
{
    font-size: 4vw;
}
.footer>img{
	width: 100%;
}

.footer_bottom_left, .footer_bottom_right{
	display: inline-block;
	margin: 2vw 0 ;
	font-size: 3.4666vw;
	color: #999;
}
.footer_bottom_right>img{
	width: 4vw;
	margin-right: 1.333vw;
	margin-left: 8vw;
}
.footer_bottom_left>span{
	margin-left: 1.333vw;
	font-size: 3.4666vw;
	color: #999;
}
   

#zz
{
    justify-content: space-between;
	align-items: center;
	justifyContent:center;
	justify-content:center;
    display:none;
    z-index: 1000;
    background-color: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
}
#img
{
     max-width:100%;
}

.remark>li{
    list-style:none;
    border-bottom: 1px solid #F1F1F1;
    padding: 1vw 2.1vw;
}
.headPortrait{
    width: 8vw;
    height: 8vw;
    border-radius:50%;
    border-bottom: 1px solid #F1F1F1;
    vertical-align:middle;
}
.userName{
    margin-left:2.4vw;
    font-size: 3.4666vw;
    color: #1f77d2;
    vertical-align:middle;
}

.userData{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.floorNum{
    font-size: 3.4666vw;
    color: #999;
}
.remark_content{
    margin: 2vw 0;
    font-size: 3.4666vw;
    color: #444;
}

.spaceBetween{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.h1{
    font-size: 4.5vw;
    color:#4b4b4b;
    margin:1vw 0;
}
.h2{
    font-size: 4.2vw;
    color:#666;
    margin:1vw 0;
}
.f1{
    font-size: 3.4666vw;
    color: #999;
}
.f2{
    font-size: 3.4666vw;
    color: #1f77d2;
}
.agree{
    width:4vw;
    margin-right:1vw;
}
.p1{
    font-size:4vw;
    color:#666;
}
.sp1{
    font-size:4vw;
    color:#4b4b4b;
}
.hr{
    height:1px;
    background:#e4e4e4;
    margin:2vw 1vw;
}
.hr2{
    height:1px;
    margin:2vw 1vw;
}



.reply{
    list-style:none;
    padding:1.667vw 2.667vw;
    background:#f3f4f7;
    margin:2.667vw 0;
}

.reply> li{
    font-size: 3.4666vw;
    color: #666;
    margin: 0.5vw 0;
}
.reply_name {
    font-size: 3.4666vw;
    color: #1f77d2;
}
.huifu{
    margin:0 1vw;
    font-size: 3.4666vw;
    color: #666;
}

.hiddeImg{
    position:relative;
    display:inline-block;
    width:29vw; height: 29vw;
    margin:0 0.5vw;
    overflow:hidden;
}
.hiddeImg>img{
    position:absolute; left:50%; top: 50%;
    transform:translate(-50%, -50%);
    max-width:29vw;
}
.hiddeImg>img.maxH{
    max-width:none;
    max-height:29vw;
}

@media screen and (min-width: 750px) {
    .p1, .sp1{font-size:14px;}
    .h1{font-size:16px;}
    .h2{font-size:15px;}
    .body{line-height:normal; font-size:14px;margin-top: 50px;}
    .header{line-height:112px;height:112px;}
    .header>.flex1{height:112px;}
    .header>.flex1>.logo{width:151px;}
    .style_F1{font-size:26px;}
    .title_head{font-size:30px; line-height:55px;}
    .title_head_left, .title_head_right{font-size:26px; margin: 15px 0;}
    .style_F2{font-size:26px;}
    .footer{display:block; width:400px; margin:0 auto;}
    .title_head_left>img.eye{width:30px; margin-left:60px; margin-right:10px;}
    .body>div{font-size:30px;}
    .headPortrait{width:75px;height:75px;}
    .userName, .floorNum, .remark_content, .reply_name, .reply> li, .huifu, .f1, .footer_bottom_left, .footer_bottom_right, .footer_bottom_left>span, .f2{font-size:26px;}
    .remark_content{margin:15px 0;}
    .reply{margin:20px 0; padding:10px 20px;}
    .agree{width:26px;}
}