html{font-size:24px;}
body{-webkit-overflow-scrolling:touch;}
blockquote,body,dd,dl,h1,h2,h3,h4,h5,h6,p,pre,textarea{margin:0;font-family:Helvetica,sans-serif;-webkit-text-size-adjust:100%;}
ol,ul{margin:0;padding:0;list-style:none;}
fieldset{margin:0;padding:0;}
legend,td,th{padding:0;}
button,input,textarea{padding:0;outline:0;border:none;}
img{border:none;color:#999;vertical-align:middle;font-size:.6rem;}
a{text-decoration:none; color: #aaa; }
a,button,input{outline:0;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;}
.clearfix{zoom:1;}
.clearfix:after{clear:both;display:table;content:"";}
i,strong{font-weight:400;font-style:normal;}
ol,ul{list-style:none;}
/*.icon{overflow:hidden;width:18px;height:18px;vertical-align:-3px;fill:currentColor;}*/
#dialogBg{position:fixed;top:0;left:0;z-index:9999;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.6);}
#Popup{position:fixed;top:40%;left:20%;z-index:10000;display:none;width:60%;border-radius:.2rem;background:#fff;text-align:center;line-height:1.8rem;}
#Popup h3{border-bottom:1px solid #f6f6f6;color:#555;font-size:.7rem;line-height:2.5rem;}
.p_con{color:#6495ed;font-size:.65rem;}
.p_con span{float:left;display:block;box-sizing:border-box;width:50%;border-right:1px solid #f6f6f6;}
#yes{border:none;}
::-webkit-input-placeholder{color:#ccc;}

/*body{background:#eee;}*/
#picTab{position:relative;overflow:hidden;}
#picList{width:400%;}
#picList li{float:left;width:25%;}
#picList li img{display:block;width:100%;}
#picNav{position:absolute;bottom:.35rem;left:0;width:100%;text-align:center;line-height:.25rem;}
#picNav span{display:inline-block;width:.3rem;height:.3rem;border-radius:5px;background:#fff;}
#picNav .active{background:#dd801a;}

.wd-box { max-width: 1200px; margin: 0 auto; font-size: 15px; }
.wd-box img { width: 100%; }

/*顶部搜索栏*/
.top-bar { width:100%; max-width: 640px; height: 40px; line-height: 40px; text-align: center; background: #fff; position: fixed; top:0; z-index: 9999; /*border-bottom: 1px solid #f6f6f6;*/ box-shadow: 1px 1px 3px  rgba(0,0,0,0.05); }
.top-bar i img { width: 26px; }
.top-left { width: 12%; font-size: 15px; color: #777; float: left; }
.top-right { width: 13%; font-size: 15px; color: #777; float: right; }
.top-search { width:69%; height: 30px; line-height: 30px; margin: 5px 3%; background: #f6f6f6; float: left; border-radius: 50px; }
.top-search img { width: 20px; height: 20px; margin: 8px 3px 0 15px; float: left; }
.top-search input { width: 80%; height: 30px; line-height:32px; float: left; display: block; overflow: hidden; background: none; }


.search-top-bar { background: #fff; display: flex; overflow: hidden; }
.search-top-bar .head-icon { flex: 1; margin: 8px 0 0 0;text-align: center; }
.search-top-bar .head-icon i {  font-size: 24px; color: #aaa; }
.search-so2 { display: flex; height: 36px; line-height: 36px; margin: 4px auto; /*border: 1px solid #c79967; */border-radius:40px; background: #fff; /*overflow:hidden; */box-shadow: -2px 3px 3px rgba(0,0,0,0.1); }
.search-so2 .so-box { flex:1; float: left;border: 1px solid #c5ac90;  border-top-left-radius: 24px; border-bottom-left-radius: 24px; overflow: hidden; }
.search-so2 .so-box input { height: 36px;line-height: 36px; margin: 0; padding: 0 5px 0 20px; /*background: #f3f3f3; */ color: #555; }
.search-so2 .so-btn { width: 80px; height: 36px; line-height: 36px; margin: 0; padding: 0; float: left; color: #fff; text-align: center;  border-top-right-radius: 24px; border-bottom-right-radius: 24px; background-color: #c5ac90; }
.search-so2 .so-btn i { margin: 0 3px 0 0; font-size: 16px; color: #fff; }


.wd-slide { margin: 118px 0 0 0; display: block; overflow: hidden; }

.tab-nav-box,.tag-hot-box { overflow: hidden; }
.wd-tab-nav::-webkit-scrollbar { display:none; }
.wd-tag-hot::-webkit-scrollbar { display:none; }

.wd-tab-nav { margin: 0; padding: 1px 1%; background: #fff; white-space: nowrap; overflow-y:scroll; text-decoration: none; border-bottom: 1px solid #f6f6f6; }
.wd-tab-nav ul li { margin: 0 10px; padding: 8px 0 6px 0; display: inline-block; }
.wd-tab-nav ul li a { font-size: 15px; color: #444; }
.nav-active { border-bottom: 3px solid #d33; }
.wd-tab-nav ul li.nav-active a { color: #d33; }
.fix-nav { position: sticky; top: 38px; z-index: 3;}

.wd-tag-hot { padding:0 2%; white-space:nowrap; overflow-y:scroll; text-decoration: none; }
.wd-tag-hot span { margin: 10px 3px; padding: 5px 12px; /*height:40px; line-height: 40px;*/ display: inline-block; background: #fff; border-radius: 50px; }
.wd-tag-hot span a { font-size: 14px; color: #c98b56; display: block; }

/*问答列表*/
.wenda-list { margin: 0 0 10px 0; display: block; overflow: hidden; clear: both; min-height: 600px; }
.wenda-list ul { margin: 0; }
.wenda-list ul li { padding: 15px 12px; border-bottom: 1px solid #f3f3f3; font-size: 14px; background: #fff; display: block; overflow: hidden; }

.wenda-title { font-size: 17px; color: #333; font-weight: bold; }
.wenda-info { padding: 7px 0; font-size: 13px; color: #bbb; }
.read-num { float: right; }

.wenda-desc { display: block; overflow: hidden; }
.wenda-desc p { padding: 1px 0; font-size: 15px; color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wenda-pic { width: 100px; margin: 0 0 5px 6px; vertical-align: middle; float: right; }
.wenda-pic img { width: 100%; border-radius: 3px; }

.wenda-item-tag { padding: 10px 0 5px 0; display: block; overflow: hidden; clear: both;  color: #aaa; }
.wenda-item-tag span a { margin: 0 3px; color: #c98b56; font-size: 13px; padding: 2px 5px; border: 1px solid #c98b56; border-radius: 3px; }

/*发布问题*/
.wenda-ask-btn { width:60px; height: 60px; position: fixed; bottom: 80px; right: 6px; background: #c99e6e; border-radius: 100px; text-align: center; box-shadow: 1px 2px 7px #999; }
.wenda-ask-btn img { width:22px; height: 22px; margin-top:8px; }
.wenda-ask-btn a p { font-size: 14px; color: #fff; padding: 0; margin: 0; }

/*发布问题弹出层*/
.wenda-mask { position:absolute;top:0;left:0;z-index:99;display:none;width:100%; height:100%;background-color:rgba(0,0,0,.85); }
.wenda-pop { width:70%; max-width:600px; margin: 0 auto; padding: 15px 5%; background: #fff; border: 1px solid #ddd; position:fixed; top:30%; left: 0; right: 0; display: block; overflow: hidden; z-index:999; border-radius: 5px; }
.pop-title {  padding: 0 0 15px 0; font-size: 16px; color: #c99e6e; font-weight: bold; }
.pop-close { width: 36px; height: 36px; position:absolute; top:6px; right:5px; color: #aaa; }
.pop-close img { width: 16px; margin: 10px; }
.pop-content { display: block; overflow: hidden; clear: both; }
.pop-content ul li { padding: 4px 0; display: block; overflow: hidden; font-size: 14px; color: #777; }
.pop-content input { width: 74%; height: 26px; padding: 5px 2%; background: #fff; border: 1px solid #f3f3f3; border-radius: 3px; }
.pop-content textarea { width: 74%; height: 50px; padding: 5px 2%; border: 1px solid #f3f3f3; border-radius: 3px; }
.pop-btn { width: 95%; height:38px; line-height: 40px; margin: 5px 0; background: #ccb295; border-radius: 5px; display: block; text-align: center; font-size: 13px; color: #fff; }
.pop-btn a { font-size: 14px; color: #fff; display: block; }


/*问答详情页*/
.wen-block { margin: 0 0 8px 0; padding: 6px 12px 10px 12px; background: #fff; color: #bbb; }
.wen-location { padding: 10px 0; }
.wen-location a { font-size: 14px; color: #888; }

.wen-title { padding: 5px 0; font-size: 17px; color: #333; font-weight: bold; }
.wen-title img { width: 34px; margin: 0 3px 0 0; }
.wen-info { padding: 7px 0; font-size: 13px; color: #bbb; }
.read-num { float: right; }

.detail-block { margin: 0 0 10px 0; padding: 10px 12px; background: #fff; }
.detail-title { font-size: 17px; color: #444; font-weight: bold; padding: 5px 0 10px 0; border-bottom: 1px solid #f3f3f3; display: block; overflow: hidden;  }
.detail-title img { width: 34px; margin: 0 3px 0 0; }
.da-desc { padding: 12px 3px 8px 3px; text-indent: 30px; font-size: 15px; color: #666; line-height: 24px; display: block; overflow: hidden; }
.da-desc p { padding: 5px 0; text-indent: 30px; font-size: 15px; color: #666; line-height: 24px; overflow: hidden;  }
.da-pic { margin: 8px 0; vertical-align: middle; text-align: center; }
.da-pic img { width:auto; max-width: 100%; border-radius: 3px; }

.da-info { padding: 10px 0; font-size: 13px; color: #bbb; border-bottom: 1px solid #f6f6f6; }
.da-time { float: right; padding: 3px 0 0 0; }

.da-tag { padding: 10px 0 5px 0; display: block; overflow: hidden; clear: both; font-size: 14px; color: #aaa; }
.da-tag span a { margin: 0 3px; color: #c98b56; }

.da-banner { margin: 8px 0; }
.da-banner img { width: 100%; border-radius: 3px; }

.da-page { margin: 5px 0; }
.da-page p { padding: 5px 0; font-size: 13px; color: #999; }
.da-page p a { font-size: 14px; color: #555; }

/*相关问答*/
.relate-list ul li { margin: 0 1px; padding: 8px 0; border-bottom: 1px dashed #eee; }
.relate-list ul li h4 { padding: 2px 0; font-size: 15px; color: #333; font-weight:normal; }
.relate-list ul li .relate-da { padding: 3px 0 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.relate-list ul li p { padding: 2px 0; font-size: 13px; color: #aaa; line-height: 20px; display: inline; overflow: hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ }

/*相关作品*/
.good-list { }
.good-list ul { width: 100%; margin: 5px 0 0 0; display: block; overflow: hidden;  }
.good-list ul li { width: 31.5%; display: block; margin: 5px 0.6%; border: 1px solid #f3f3f3; float: left; text-align: center; padding: 0 0 6px 0; }
.good-list ul li .good-pic { position: relative; padding-bottom: 66.666%; height: 0; overflow: hidden; }
.good-list ul li h4 { margin: 3px 4px; font-size: 13px; color: #333; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.good-list ul li p { margin: 3px 4px; font-size: 12px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.good-btn { width: 92px; height:28px; line-height: 29px; margin: 5px auto; background: #ccb295; border-radius: 50px; display: block; }
.good-btn a { font-size: 12px; color: #fff; display: block; }


/*底部导航*/
.footer-nav { width: 100%; max-width: 750px; position: fixed; z-index: 9; bottom: 0; text-align: center; background: #fff; display: block; }
.footer-nav ul {display: flex; flex-direction: row; flex-wrap: wrap;  }
.footer-nav ul li { display: block; flex: 1;}
.footer-nav ul li a { padding: 2px 0; display: block; }
.footer-nav ul li p {  font-size: 13px; color: #555; }
.footer-nav ul li img { width: 24px; }
.ft-nav1 { background: #d33; border-top: 1px solid #d33; }
.footer-nav ul li.ft-nav1 p { color: #fff; }
.ft-nav2 { background: #d83; border-top: 1px solid #d83; }
.footer-nav ul li.ft-nav2 p { color: #fff; }
.ft-nav3 { border-right: 1px solid #eee; border-top: 1px solid #eee; }
.ft-nav4 { border-top: 1px solid #eee; }

.ft-tip { padding:12px 0 20px 0;text-align: center; font-size: 13px; color: #bbb; }

/*在线咨询弹出框*/
.ft_ask_box { width:100%; max-width:640px; margin: 0 auto; font-size:13px; background:#f5f5f5; border-top:3px solid #bb4334; position:fixed;left:0;right:0;bottom:54px;z-index:99999; display: none; }
.ft_ask_box .ft_ask_close { float: right; }
.ft_ask_box .ft_ask_close img { width: 20px; height: 20px; padding:10px; }
.ft_ask_box .a_title{width:92%; font-weight:normal; color: #555; margin:0.5rem auto 0 auto;}
.ft_ask_box .a_title span{color:#dd801a;line-height:2rem;font-size:.8rem}
.ft_ask_box .form{ width:96%; margin:0 auto; padding-top:0.4rem; }
.ft_ask_box .form li {margin:8px 0;}
.ft_ask_box .form li p { padding: 3px 0 0 12px; font-size: 15px; color: #444; }
.ft_ask_box .form li p a { padding: 3px 0 13px 0; color: #e05918; display: block; }
.ft_ask_box label{display:block;width:16%; padding-right: 2%; float: left; color:#888; text-align:right; line-height:1rem; }
.ft_ask_box .tex{border:1px solid #ddd;}
.ft_ask_box input{line-height:24px;display:block;width:64%;padding:3px 6px; }
.ft_ask_box textarea{width:64%;display:block;height:60px;padding:3px 6px; }
.ft_ask_box #btn { display:block;width:120px;line-height:34px;background:#bb4334;text-align:center;color:#fff;margin: 0 0 20px 18%; border-radius:5px; font-size:13px; }
#error { width:60%;margin:0 auto;color:red;font-size:12px;}
.ft_ask_box .icon { width:24px;height:24px;vertical-align:-3px;fill:currentColor;overflow:hidden;}
.ft_tip { margin-bottom: 62px; padding:5px 0;text-align: center; font-size: 12px; color: #bbb; }
.ft_ask_box #num {border:1px solid #fa3; background: #fefdf6; }


/*搜索页*/
.search-block { margin:0 0 10px 0; padding:8px 10px!important; background: #fff; }
.search-bt { margin: 8px 0 2px 0; overflow: hidden; }
.search-bt h3 { width: 63%; margin: 2px 1px; padding: 0 2px; line-height: 24px; font-size: 16px; font-weight: 500; color: #aaa; overflow: hidden; /*white-space: nowrap; text-overflow: ellipsis;*/  float: left; }
.search-bt span { margin: 1px 2px; font-size: 14px; color: #aaa; padding: 1px 10px; overflow: hidden; float: right; }
.search-bt span i { font-size: 18px;  }

.search-words { margin: 2px 0; padding: 2px 1px 15px 1px; color: #888; overflow: hidden; }
.search-words a { max-width: 260px; margin: 4px 5px 4px 1px; padding: 7px 16px; font-size: 13px; color: #777; display:block; overflow: hidden; float: left; white-space: nowrap; text-overflow: ellipsis; background: #f3f3f3; border-radius: 20px;}
.search-words a i { font-style: normal; }


/*搜索结果*/
.wenda-result { margin: 0 0 5px 0; display: block; overflow: hidden; clear: both; background: #fff; }
.wenda-result ul { margin: 0; }
.wenda-result ul li { padding: 12px 13px; border-bottom: 1px dashed #f1f1f1; font-size: 14px; background: #fff; display: block; overflow: hidden; }
.resultl-title { padding: 15px 13px; font-size: 16px; color: #666; border-bottom: 1px solid #eee;  }


/*.wenda-title { font-size: 17px; color: #333; font-weight: bold; }*/
/*.wenda-info { padding: 7px 0; font-size: 13px; color: #bbb; }*/
/*.read-num { float: right; }*/
.wenda-desc2 { display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wenda-desc2 p { padding: 1px 0; font-size: 14px; color: #666; line-height: 22px; display: inline; }

/*.wenda-item-tag { padding: 10px 0 5px 0; display: block; overflow: hidden; clear: both;  color: #aaa; }*/
/*.wenda-item-tag span a { margin: 0 3px; color: #c98b56; }*/


.top-left i { width: 26px;height: 26px; margin: 8px 0 0 6px; padding: 0; display: inline-block; overflow: hidden; background: url(icons.png?1) no-repeat  -3px -31px; background-size: 170px 66px; }
.top-right i { width: 26px;height: 26px; margin: 8px 8px 0 0; padding: 0; display: inline-block; overflow: hidden; background: url(icons.png?1) no-repeat  -27px -31px; background-size: 170px 66px; }
.top-search i { width: 22px;height: 22px; margin: 3px 3px 0 15px; float: left; padding: 0; display: inline-block; overflow: hidden; background: url(icons.png?1) no-repeat  -62px -31px; background-size: 170px 66px; }

.footer-nav ul li i { width: 26px;height: 26px; margin: 1px 0 0 0; padding: 0; display: inline-block; overflow: hidden; background: url(icons.png?1) no-repeat; background-size: 170px 66px; }
.footer-nav ul li i img { width:100%; }
.footer-nav ul li .i1 { background-position: -3px 0; }
.footer-nav ul li .i2 { background-position: -33px 0; }
.footer-nav ul li .i3 { background-position: -63px 0; }
.footer-nav ul li .i4 { background-position: -91px 0; }

.detail-title i { width: 34px;height: 30px; margin:0 2px 0 0; padding: 0; float: left; display: inline-block; overflow: hidden; background: url(icons.png?1) no-repeat; background-size: 170px 66px;  }
.wen-title i { background-position: -90px -31px; }
.da-title i { background-position: -130px -31px; }

.dropload-down { text-align: center; padding: 12px 0 10px 0; font-size: 14px; color: #aaa; }



/*屏幕小于1024px*/
@media screen and (min-width:0px) and (max-width:1024px){
    /*.search-block { margin: 118px 0 0 0; }*/
    .search-top-bar { /*position: fixed; top:0; z-index: 555; */ margin: 0; padding: 20px 0; width: 100%; /*box-shadow: 1px 2px 2px rgba(0,0,0,0.03); */}
    .good-list { padding: 10px 8px; }
}


/*屏幕大于1024px*/
@media screen and (min-width:1025px){

    .good-list ul li { width: 18.8%; display: block; margin: 5px 0.5%; float: left; text-align: center; }
    .good-list ul li h4 { margin: 3px 4px; font-size: 14px; color: #333; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .good-list ul li p { margin: 3px 4px; font-size: 13px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .good-btn {width: 130px;height:34px;line-height: 36px;margin: 8px auto;background: #ccb295;border-radius: 50px;display: block;}
    .good-btn a { font-size: 14px; color: #fff; display: block; }

    .search-top-bar { margin: 1px 0 0 0; padding: 15px 0; border-radius: 6px; }
    .search-so2 { width: 300px; height: 40px; line-height: 40px; }
    .search-so2 .so-box { width: 218px; }
    .search-so2 .so-box input { width: 218px; height: 38px; line-height: 38px; }
    .search-so2 .so-btn { height: 40px; line-height: 40px; }

    .wd-tag-hot { padding: 0 1%; background: #f0f0f0; }

}