/*新闻页面*/
.fl {float: left;}
#news-type{}
#news-type ul{padding: 10px 5px;}
#news-type ul li{width: 25%; float: left; height: 30px; line-height: 30px; text-align: center; background-color: #fff;border-right: 5px solid #f8f8f8;box-sizing: border-box;margin-bottom: 5px;}
#news-type ul li.on{background-color: #37c9d6;color: #fff;}
#news-type ul li.on a{color:#fff;}
#news-type ul li:nth-child(4n){border-right: 0;}
/*#news-type ul li:nth-last-child(1){border-right: 0;}*/
.news-info{color: #999;font-size: 1.2rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 38px; line-height: 19px;}
.uicon{color: #787878; line-height: 16px; margin-right: 12px; font-family: Arial; height: 16px; display: inline-block; margin-top: 4px;float:right;}
.uicon i{width: 16px; height: 16px; float: left; background: url(../images/icon/uicon.png) no-repeat; background-size: 15px; margin-right: 3px;}
.uicon i.view{background-position: 0 -59px; margin-right: 3px;}
.uicon i.comments{background-position: 3px -31px; background-size: 13px;}
.list ul{display:block;padding: 0 5px;width: 100%;box-sizing: border-box;}
.list li{display: block; background-color: #fff; margin-bottom: 10px;height: 88px;font-size: 1.4rem;width: 100%;position: relative;}
.list li.touch{background-color:#f4f4f4;-moz-box-shadow:0px 2px 4px #ccc inset;-o-box-shadow:0px 2px 4px #ccc inset;-webkit-box-shadow:0px 2px 4px #ccc inset;box-shadow:0px 2px 4px #ccc inset}
.list li .alist{display:block;width:100%;}
.list li .list_litpic{background-repeat: no-repeat;background-position: center;background-size:cover;}
.list_litpic img {width: 108px;height: 88px;}
.list_info {padding-left: 120px; padding-top: 8px;padding-right: 5px;width: 100%;box-sizing: border-box;}
.list_info h4{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;height: 19px; line-height: 19px;}
/*新闻主体*/

#container {padding-bottom: 50px;}
#main{padding:5px 5px 70px 5px;}
#main .title{font-size: 2em; color: #000; text-align: left; padding: 15px 0 5px; font-weight: 700; line-height: 26px; margin: 0 8px;}
#main .meta {margin: 0 8px; overflow: hidden; font-size: 1em; position: relative; height: 26px; /*border-bottom: 1px solid #eceef0;*/}
#main .time {display: inline-block; width: 70px; overflow: hidden; float: left;}
#main .time, #main .author {color: #666; line-height: 26px;}
#main .time {font-family: Helvetica;}
.uicon{color: #787878; line-height: 16px; margin-right: 12px; font-family: Arial; height: 16px; display: inline-block; margin-top: 4px;float:right;}
.uicon i{width: 16px; height: 16px; float: left; background: url(../images/icon/uicon.png) no-repeat; background-size: 15px; margin-right: 3px;}
.uicon i.view{background-position: 0 -59px; margin-right: 3px;}
.uicon i.comments{background-position: 3px -31px; background-size: 13px;}
.content{padding:10px;font-size: 1.5em;}
.content img{max-width: 100%!important;height: auto!important;}
/*热门评论*/
.comments .head {width: 100%; height: 40px; line-height: 40px; border-top: 2px solid #37c9d6; border-bottom: 1px solid #e8e8e8;}
.comments .head h2 {font-size: 1.6em; color: #37c9d6; font-weight: normal; padding-left: 10px;}
.comments .content, .related .content {padding: 0 8px;}
.comments .commentlist li {padding: 10px 8px 0; border-bottom: 1px solid #eaeaea; border-top: 1px solid #fff;}
.comments .commentlist .meta {/* font-size: 0.75em; */ font-size: 0.9375em; color: #a8abaf; text-align: left; font-weight: 400; padding: 3px 0;}
.comments .commentlist .meta time {float: right;}
.comments .commentlist .content {color: #454545; line-height: 1.375em; /* font-size: 0.8125em; */ font-size: 0.9375em; padding: 5px 0 10px; word-wrap: break-word;}
.comments .more {height: 40px; line-height: 40px; margin: 10px 8px 15px; border: 1px solid #efefef; background-color: #f6f5f5; text-align: center; margin-bottom: 15px;}
.comments .more a {color: #b4b4b4;} 
.comments .more span {font-size: 1em;}
footer .question{position: fixed;bottom: 0px;left: 0px;padding: 10px;background: #fff;border-top: 1px solid #ededed;width: 100%;box-sizing: border-box;}
footer .question input{width: 100%;height: 30px;padding-left: 10px;box-sizing: border-box;background-color: #f1f1f1;}
footer .question span#questioninput{width: 100%;height: 30px;padding-left: 10px;box-sizing: border-box;background-color: #f1f1f1;display: block;text-align: left;font-size: 14px;line-height: 30px;color: #999;}
/*回复*/
.questionPop{width: 100%; height: 0; background: #fff; position: fixed; bottom: 0; left: 0; z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0px,100%,0px); -moz-transform: translate3d(0px,100%,0px); transform: translate3d(0px,100%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19);}
.questionPop.show{-webkit-transform: translate3d(0px,0%,0px); -moz-transform: translate3d(0px,0%,0px); transform: translate3d(0px,0%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); display: block; z-index: 999; height: 100%;}
.questionPop .hd{border-bottom: 1px solid #ccc;text-align: center;font-size: 14px;color: #000;height: 40px;line-height: 40px;position: relative;}
.questionPop .hd .back{display: inline-block;width: 15px;height: 15px;border-right: 1px solid #999;border-bottom: 1px solid #999;-webkit-transform: rotate(135deg)translateY(-8px);transform: rotate(135deg)translateY(-8px);margin-left: 1px;position: absolute;left: 10px;top: 50%;margin-top: -15px;}
.questionPop .bd{padding: 10px;font-size: 10px;line-height: 20px;color: #666;border-bottom: 0;}
.questionPop .bd textarea{width: 100%;background-color: #ededed;padding: 10px;box-sizing: border-box;height: 90px;}
.questionPop .bd .proof{}
.questionPop .bd .proof input{float: left; border: 1px solid #ededed; height: 20px; line-height: 20px; padding: 0 5px;min-width: 50%;}
.questionPop .bd .proof #imgid{color: #C10;float: left;padding-left: 10px;}
.questionPop .bd .button{width: 100%; margin-top: 10px; height: 30px; line-height: 30px; color: #fff; background-color: #2ebd59; font-size: 12px;}