* { margin: 0; padding: 0; vertical-align:top;border:0 none;list-style: none;}
html { background: #fff ; margin: 0 auto; height:100%;}
body,ul,li,div,a {font-family:"microsoft yahei";list-style: none;margin: 0 auto;max-width: 750px;}
div { outline: 0 !important; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
i,em { font-style: normal; }

h4{color: #444;padding: 5px 20px;line-height: 28px;font-size: 1.1em;}

img{width: 100%;}

#wrap{margin: 0 auto ;box-shadow:0px 2px 5px 0px #c7c6c6;font-size: 17px; padding-bottom: 5rem;}
.top-title{background:#029ae5;color: #fff;padding: 5px 20px;}
.top{padding: 0 20px;margin-bottom: 20px;border-bottom: 1px solid #ececec;}
.top-floor{padding: 6px 0px;}
.user-name{float: left;margin-left: 5px;margin-top: 3px;}
.user-tag{color: #999;font-size: 12px;}
.floor-tag{float: right;width: 50px;height:24px;background: #e6f0fb;text-align: center;line-height: 24px;border-radius: 3px;font-size: 15px;}
.orange-color{color: #4173af;}
.top-word{font-weight:700 ;color: #333;margin-top: 5px;font-size: 110%;text-align: justify;}
.top-main{color: #555;margin-top: 3px;line-height: 1.5; margin-bottom: 10px;}
.top-main p { padding: 10px 0; text-align: justify;}
.top_time{font-size:13px;color: #999;margin-bottom: 20px; float: right; line-height: 32px;;}
.yuedu_icon{width: 16px;display: inline-block;margin-right: 3px; }
.yuedu_icon img{margin-top: -2px; vertical-align: middle;}
.shijian_icon{width: 16px;display: inline-block;margin-left: 13px;margin-right: 3px;}
.user_pic{width: 38px;float: left;display: inline-block;}
.user_pic img{width: 36px;border-radius: 50%; margin-top: 7px;}
.user{border-bottom: 1px solid #f4f4f4;margin-bottom: 10px;}
.user-main{padding: 0 20px;overflow:hidden;}
.floor-num{float: right;font-size:14px;}
.jinpai{display: inline-block;width: 80px;margin-left: 5px;}
.pinlun-title{font-size: 18px;margin-bottom: 10px;color: #333;padding: 0 20px;}
.pinlun-title span{color: #666;}
.word{padding: 0 20px 0 62px;margin-top: 5px;color: #333;line-height: 1.5;text-align: justify;}
.user-time{padding:2px 0px;font-size:12px;color: #999;margin-top: 10px;overflow:hidden;}
.dianzan{float: right;}
.time{float: left;display: inline-block;color: #999;font-size: 13px;}
.huifu-btn{margin-left: 10px;}
.huifu-btn img {display: inline-block; width: 16px; margin-top: 2px; margin-right: 5px;}
.fen_tag { background: #f0faff; border-radius:16px; padding: 6px 15px 6px 10px; line-height: 18px; height: 20px; color:#6296dd; display: inline-block; }
.fen_tag span { background: #6296dd ; display: inline-block; color: #fff;width: 16px;line-height: 14px; height: 16px; text-align: center; border-radius: 8px; margin-right: 5px; vertical-align: middle; }
.huifu{padding: 5px 10px;background: #f0faff  ;border-radius: 5px;margin-bottom: 12px;}
.huifu-name{color: #4173af;}
.huifu-word{color:#555; font-size: 15px;}
.dianzan_icon{width: 16px;display: inline-block;}

.textarea{padding: 5px 20px;}
textarea{ border: 1px solid #fd6a88;border-radius: 3px;margin-top: 5px;width: 100%;}
.button{margin: 14px auto; background: #fd6a88;text-align: center;width: 70px;height: 28px;line-height: 28px;border-radius: 3px;color:#fff ;}
footer{font-size:10px;text-align: center;margin-bottom: 5px; background: #FFF;}

.wuk_weixin {background: #ffea6e; padding: 0 2px; color: #db2e00;}

@media (min-width: 360px){
	#wrap{ padding-bottom: 2rem;}
}
@media (min-width: 411px){
	#wrap{ padding-bottom: 3rem;}
}
@media (min-width: 480px){	
	#wrap{ padding-bottom: 3.5rem;}	
}
	
@media (min-width: 550px){	
	#wrap{ padding-bottom: 4.5rem;}	
}
article {
                display: block;
            }

            section {
                display: block;
            }

            .btn-success {
                border-color: transparent;
                color: rgb(255, 255, 255);
                text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
                background-color: #07B3E3;
            }

            .btn {
                padding: 7px 12px;
                border-radius: 2px;
                border: 1px solid transparent;
                transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
                border-image: none;
                text-align: center;
                line-height: 1.5384;
                font-size: 13px;
                font-weight: 400;
                margin-bottom: 0px;
                vertical-align: middle;
                display: inline-block;
                white-space: nowrap;
                cursor: pointer;
                -ms-user-select: none;
                -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
                -o-transition: all .4s cubic-bezier(.175, .885, .32, 1);
                -webkit-user-select: none;
                -moz-user-select: none;
            }

            .row::after {
                display: table;
                content: " ";
            }

            .row::before {
                display: table;
                content: " ";
            }

            .row {
                margin-right: -10px;
                margin-left: -10px;
            }

            .row::after {
                clear: both;
            }

            .row.fixed-bottom img {
                max-width: 100%
            }

            .row.fixed-bottom {
                position: fixed;
                z-index: 10;
                left: 0;
                bottom: 0;
                width: 100%;
                min-height: 20px;
                padding: 0;
                margin: 0
            }