/* 装修问答首页（列表页）样式 */
/* fidermo.hu 2018/03/28 (问答改版二期) */
/* janna.zhao */
html,
body{
	width: 100%;
	height: 100%;
}
.clearmar:before{
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
}
body.bodymargintop {
	margin: 0;
}
.cc-box{
    position: relative;
	height: 100%;
	width: 100%;
	top: -45px;
	left: 0;
	overflow: hidden;
}

/* 搜索区 [[ */
.ask-top-search {
	position: absolute;
	z-index: 4;
	top: 45px;
	left: 0;
	width: 100%;
	height: 44px;
	padding: 0 15px;
	background-color: #fff;
}
.search-form {
	position: relative;
	width: 100%;
	height: 30px;
	margin-top: 8px;
}
.nav-search {
	position: relative;
	width: 85.8%;
	height: 30px;
    border: none;
    padding-left: 36px;
    background-color: #f4f4f4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border-radius: 4px;
    line-height: 30px;
}
.search-btn{
    display: inline-block;
	width: 12%;
    height: 100%;
    text-align: center;
    line-height: 1.5;
    margin-left: 1px;
    color: #999;
    font-size: 14px;
}
.search-btn--focus{
	color: #34c083
}
::-webkit-input-placeholder {
    font-size: 14px;
    color: #c7c7c7;
    line-height: 30px;
}

:moz-placeholder {
    font-size: 14px;
    color: #c7c7c7;
    line-height: 30px;
}

::moz-placeholder {
    font-size: 14px;
    color: #c7c7c7;
    line-height: 30px;
}

:ms-input-placeholder {
    font-size: 14px;
    color: #c7c7c7;
    line-height: 30px;
}
.icon-search {
    display: block;
    position: absolute;
    z-index: 2;
    top: 6px;
    left: 15px;
    width: 18px;
    height: 16px;
    background: url(//img.to8to.com/wap/v2/m3icon.png?20180403) no-repeat -28px -538px;
    background-size: 50px 790px;
}
.icon-search-input {
    background-position-y: -565px;
}
/* 搜索区 ]]*/

/* 内容区 [[ */
.newask-contain-view{
	z-index: 10;
}
/* 问题标题超出两行显示省略号 */
.newask-list-title a.newask-title-text{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* 内容超出三行显示省略号 */
.newask-content-text{
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* 右侧图标居中 */

.ask-top-nav{
	position: absolute;
	z-index: 2;
	top: 88px;
	left: 0;
	height: 40px;
	width: 100%;
	border-bottom: 1px solid #ececec;
    overflow-x: scroll;
    overflow-y: hidden;
    /*margin-top: 88px;*/
    background-color: #fff;
}
.ask-top-nav .bottomslide{
	position:absolute;
	bottom:0;
	left:12px;
	width:56px;
	height:0;
    border-top: 1px solid #A0E2C5;
	border-bottom:1px solid #34C083;
}
/* 内容图片 */
.ask-detail-img{
	width: 109px;
	height: 109px;
	overflow: hidden;
	margin-top: 14px;
}
.ask-detail-img img{
	width: auto;
	height: auto;
}
.fit-width{
	max-width: 100%;
	max-height: unset;
}
.fit-height{
	max-height: 100%;
	max-width: unset;
}
/* 回答数 */
.answers-icos{
    float: left;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #fff;
    overflow: hidden;
    margin-right: -5px;
}
.answers-icos img{
    width: 100%;
    height: 100%;
    vertical-align: baseline;
}
.answers-headicos--num{
    float: left;
    margin-left: 10.5px;
    color: #ffb200;
}
.zero-answers{
    margin-left: 0;
}
.answers-headicos--text{
    float: left;
    margin-left: 3.5px;
}
/* 省略号 */
.ellipsis{
    float: left;
    margin-left: 7px;
}
.ellipsis-ico {
    float: left;
    width: 3px;
    height: 3px;
    margin-top: 7px;
    margin-left: 2px;
    border-radius: 50%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAR0lEQVQImW3NoQ2AMABE0demYUqQtXXgWABWwHWQjoXFlJAAT574F1prA3aMCKiYEzYUj4IzYvKV488IYm++HQlLP72TFesF4eoKpYfq05AAAAAASUVORK5CYII=');
    background-size: cover;
}
/* 内容区 ]] */

/* 底部我要提问浮框 [[ */
.bottom-to-ask{
    position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background-color: #fff;
	box-shadow: 0px 0px 8px 0px rgba(158, 158, 158, 0.1);
}
.ask-title{
    display: table;
    height: 35px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    color: #333;
    margin-top: 9px;
}
.ask-text{
	display: block;
	font-size: 15px;
	text-align: center;
	color: #999;
}
.ask-icon{
    display: inline-block;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #34c083;
    vertical-align: middle;
}
.ask-icon:before{
    content: ' ';
    display: block;
    width: 12px;
    margin: 0 auto;
    height: 25px;
    background: url(//img.to8to.com/wap/v2/icon-se174a62dfa.png?20180403) -165px -501px no-repeat;
    background-size: 187.5px 1087px;
}
/* 底部我要提问浮框 ]] */

/* 通过 body 中增加类名，控制顶部的显示状态 */

/* 首屏上滑隐藏头部和导航栏 。hide-head-nav */
/* 1、首屏上滑，菜单栏上滑45px（top为-45）隐藏，搜索栏上滑45px（top为0）隐藏，导航栏需要上滑88px（top变为0）隐藏 */
/* 2、首屏下滑，菜单栏top为0，搜索栏top为45px,导航栏top为88px */
/* 3、非首屏上滑，导航栏top为0  隐藏提问浮框 */
/* 4、非首屏下滑，导航栏top为45px 显示提问浮框 */
.hide-head .head-area,
.hide-head-nav .head-area{
    top: -45px;
}
.hide-head .ask-top-search,
.hide-head-nav .ask-top-search{
    top: 0;
    box-shadow: 0px 0px 8px 0px rgba(158, 158, 158, 0.1);
}
.hide-head-nav .ask-top-nav{
    top: 0;
}

/* 底部提问 */
.show-tab .bottom-to-ask {
    bottom: -80px;
}
.hide-head-nav .bottom-to-ask{
    bottom: -80px;
}
.hide-head .bottom-to-ask{
    bottom: 0;
}

/* 其它屏下滑，显示导航栏 */
.hide-head .ask-top-nav{
    top: 44px;
}

/* 顶部菜单栏的过渡动画(使用过渡属性) */
.head-area{
    position: relative;
    z-index: 105;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    -webkit-transition: top 0.4s linear;
       -moz-transition: top 0.4s linear;
         -o-transition: top 0.4s linear;
            transition: top 0.4s linear;
}

.hide-top-header {
	top: -45px;
}
/* 搜索栏的过渡动画 */
.ask-top-search {
	-webkit-transition: top 0.4s linear;
	   -moz-transition: top 0.4s linear;
	     -o-transition: top 0.4s linear;
	        transition: top 0.4s linear;
}

.zxask-index-wrap .newask-contain-view{
    -webkit-transition: margin-top 0.4s linear;
       -moz-transition: margin-top 0.4s linear;
         -o-transition: margin-top 0.4s linear;
            transition: margin-top 0.4s linear;

    -webkit-transition: padding-top 0.4s linear;
       -moz-transition: padding-top 0.4s linear;
         -o-transition: padding-top 0.4s linear;
            transition: padding-top 0.4s linear;

    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
         -o-transform: translateZ(0);
            transform: translateZ(0);
}

/* 导航栏过渡动画 */
.ask-top-nav{
	-webkit-transition: top 0.4s linear;
	   -moz-transition: top 0.4s linear;
	     -o-transition: top 0.4s linear;
	        transition: top 0.4s linear;
}
/* 只显示导航栏时的样式 */
.nav-to-middle {
	top: 44px;
}
/* 显示导航栏和菜单栏时的样式 */
.nav-to-top{
	top: 0;
}
.newask-contain-view .newask-top-contain{
	margin-top: 0;
}

/* 底部浮框过渡动画 */
.bottom-to-ask{
	-webkit-transition: bottom 0.4s linear;
	   -moz-transition: bottom 0.4s linear;
	     -o-transition: bottom 0.4s linear;
	        transition: bottom 0.4s linear;
}
.hide-to-bottom{
	bottom: -80px;
}

/* 载入态 */
.zxask-tab-more.loading{
    height: 44px;
}
.loading-gif{
    display: block;
    width: 16px;
    height: 16px;
    margin: 0  auto;
    margin-top: 14px;
    visibility: hidden;
}
.loading .loading-gif{
    visibility: visible;
}