body{background-color: #ffffff;}
*{margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
li{list-style: none;}
a, p{text-decoration: none;} 
textarea{resize: none;}
input,button,select,textarea{outline:none; -webkit-appearance:none;}

.fl{float: left;}
.fr{float: right;}
.ellipsis{display: block; overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; margin: 0;}
.many_line{white-space:pre-wrap;display:-ms-box;display:-moz-box;display:-webkit-box;display:box;text-overflow:ellipsis;overflow:hidden;-ms-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;}
.line_two{-ms-line-clamp:2;-moz-line-clamp:2;-webkit-line-clamp:2;line-clamp:2;}
.line_three{-ms-line-clamp:3;-moz-line-clamp:3;-webkit-line-clamp:3;line-clamp:3;}
.fz12{font-size: 12px;}
.fz13{font-size: 13px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.cr323232{color: #323232;}
.cr999999{color: #999999;}
.crbbbbbb{color: #bbbbbb;}
.cr5d5d5d{color: #5d5d5d;}
.crff7788{color: #F78;}
.cr666666{color: #666666;}
.crbab7b5{color: #bab7b5;}
.l15{line-height: 15px;}
.l18{line-height: 18px;}
.l17{line-height: 17px;}
.l20{line-height: 20px;}
.l24{line-height: 24px;}

.main{max-width: 640px; margin: 0 auto;}
/*.comment{padding-bottom: 64px;}*/
.comment h1{font-size: 14px; color: #F78; line-height: 20px; padding-left: 15px; position: relative;}
.comment h1:before{content: ''; position: absolute; left: 0; width: 4px; height: 15px; background: #F78; top: 2px;}
.comment_list li{padding: 15px 0 0 15px;}
.comment_list table{table-layout:fixed;}
.comment_list li table td img{width: 30px; height: 30px; border-radius: 15px; display: block;}
.comment_td{padding: 5px 10px 5px 0;}
.user_info{width: 100%; overflow: hidden;}
.answer{background: url(../images/ico_answer.png) no-repeat left/16px; padding-left: 22px; margin-right: 15px; float: right; line-height: 30px;}

#scroller{width: 100%; height: -webkit-calc(100vh - 44px); height: calc(100vh - 44px); overflow-y: auto; overflow-x: hidden;}
#load_more{width: 100%; line-height: 50px; text-align: center; display: block; color: gray; font-size: 12px;}
/* 文章 */
.article{padding: 20px; margin-bottom: 20px; overflow: hidden;}

/* 回复 */
#send_comment{width: 100%; height: 33px; background: #f9f9f9; position: fixed; bottom: 0; z-index: 2000; font-size: 14px; color: #F78; padding: 11px 0 0 15px;}
#send_comment_login{width: 100%; height: 33px; background: #f9f9f9; position: fixed; bottom: 0; z-index: 2000; font-size: 14px; color: #F78; padding: 11px 0 0 0px;text-align: center;}
#send_comment_daka{width: 100%; height: 33px; background: #ff7788; position: fixed; bottom: 0; z-index: 2000; font-size: 14px; color: #fff; padding: 11px 0 0 0px;text-align: center;}
.reply{border-left: 2px solid #ddd; margin-top: 5px; padding-left: 10px;}

/* 写评论 */
.alert{position: fixed; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; z-index: 9999; top: 0; left: 0; bottom: 0; right: 0;}
.scroll{width: 100%; height: 220px; background: white; position: absolute; bottom: -220px;}
.scroll_title{width: 100%; height: 39px; border-bottom: 1px solid #f5f3f0; position: relative;}
.scroll_title a{font-size: 14px; color: #F78; width: 50px; line-height: 39px; text-align: center; position: absolute; top: 0;}
.scroll_title p{line-height: 39px; text-align: center;}
.scroll textarea{padding: 15px; border: none; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); height: 150px; font-size: 14px; color: #444141;}


.questionnaire{background: white; width: 300px; max-height: 390px; position: absolute; left: 50%; top: 50%; border-radius: 10px; -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); overflow: hidden;}
.questionnaire .title{color: white; padding: 27px 10px 0 30px; text-align: left; font-size: 20px; line-height: 20px;}
.questionnaire .title span{font-size: 12px; color: rgba(255, 255, 255, 0.6);}
.questionnaire a.ques_submit{width: 200px; line-height: 40px; border-radius: 20px; margin: 20px auto; display: block; background: #F78; text-align: center; color: white;}
.bottom_btns{padding: 20px 30px; position: relative; height: 35px;}
.bottom_btns a{width: 85px; line-height: 35px; text-align: center;  font-size: 14px; color: #999; background: #ddd; display: inline-block; border-radius: 4px; position: absolute;}
.bottom_btns a:first-child{left: 30px;}
.bottom_btns a:last-child{width: 110px; color: white; background: #F78; right: 30px;}
.item_div{padding: 0 30px; width: -webkit-calc(100% - 60px); width: calc(100% - 60px);}
.item_div textarea{width: -webkit-calc(100% - 20px); width: calc(100% - 20px); height: 50px; font-size: 14px; color: #444141; border-color: #eee; border-radius: 5px; margin-top: 20px; padding: 10px; display: none;}
.choose_ul li{width: -webkit-calc(100% - 20px); width: calc(100% - 20px); border-bottom: 1px solid #eee; padding: 12px 20px 12px 0; background-repeat: no-repeat; background-position: right; background-size: 17px !important;}
.choose_ul li p{line-height: 18px; color: #5d5d5d; font-size: 13px;}
.choose_ul li a, .question a{height: 18px; width: 30px; background: url(../images/ico_all.png) no-repeat 2px -428px/25px; display: inline-block; vertical-align: middle; margin: -4px 0 0;}
.choose_ul li em{font-size: 13px; color: #5d5d5d; font-weight: bold;}
.single_choose li{background-image: url(../images/ico_single.png);}
.single_choose .sel{background-image: url(../images/ico_single_sel.png);}
.question{font-size: 14px; color: #fc5b6d; line-height: 22px; padding: 20px 0 0 0;}
.top_title{background: #F78; width: 100%; height: 80px;}

[v-cloak]{display: none;}
.noscroll{position: relative; overflow: hidden;}
.active{-webkit-transition: none;transition: none;visibility: visible;}
.scrollable {overflow: auto;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;}
.scrollable::-webkit-scrollbar {
    background: transparent;
    width: 0px;
    height: 0;
}