*{margin:0px;padding:0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size:62.5%;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;margin:0px;padding:0px;}
dl,dd,ul,li{margin:0px;padding:0px;list-style:none;}
input,button,select,keygen,legend{outline:0;border:1px solid #DEDEDE;font: 12px/1.6 tahoma,Arial,Helvetica,sans-serif;border-radius: 3px;height: 36px;line-height: 1;}
input{background-color: transparent;display: inline-block;}
input, select, button, textarea {padding: 2px 8px;vertical-align: middle;*vertical-align: middle;background: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border: 1px solid #DEDEDE;}
a,a:hover{color:#333;text-decoration:none}
a:hover{color:#0AB99D;}
img{max-width:100%;display:block;}
fieldset{border:none;}
em{font-style: normal;font-weight: bold;}
body{font:1.4rem Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;line-height:2;background-color: #FFFFFF;}


@font-face {
  font-family: 'iconfont';  /* Project id 4633788 */
  src: url('//at.alicdn.com/t/c/font_4633788_2p86hz937rn.woff2?t=1724334020150') format('woff2'),
       url('//at.alicdn.com/t/c/font_4633788_2p86hz937rn.woff?t=1724334020150') format('woff'),
       url('//at.alicdn.com/t/c/font_4633788_2p86hz937rn.ttf?t=1724334020150') format('truetype');
}
[class^="iconfont"],[class*=" iconfont"]{font-family: 'iconfont' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;vertical-align:middle;}
    
.width{width:1130px;}
.W300{width:300px;}
.W780{width:780px;}


.Mr10{margin-right:10px;}
.Mr20{margin-right:20px;}
.Mr30{margin-right:30px;}
.Mr50{margin-right:50px;}
.Mt20{margin-top:10px;}
.Mb10{margin-bottom:10px;}
.Mb20{margin-bottom:20px;}
.Mb30{margin-bottom:30px;}
.Mt10{margin-top:1rem;}


.click{cursor:pointer;}
.center{margin:0 auto;}
.clearfix:after {content: "";display:table;clear: both;overflow: hidden}

.onHide{display:none!important;}
.onShow{display:block!important;}

.wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.main{padding-right:50px;border-right:1px solid #F4F4F4;}
.flex,.flex-box{display:flex;flex-wrap: nowrap;justify-content:space-between;}
.flex .auto,.flex-box .auto{flex:1;}
.ellipsis{display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

img.avatar{border-radius:50%;}

.route{color:#DEDEDE;padding:0px;font-size:12px;line-height:22px;background-color:#FFFFFF;}
.route:after{display: table;content: '';clear: both}
.route a,.route em,.route span{margin:0px 3px;color:#888;vertical-align:middle;float:left;}
.m-route{padding:10px 0;}

.pagination{display:flex;justify-content:center;}
.pagination li{text-align:center;background-color: #f7f4ee;margin:2px;border-radius:5px;min-width:32px;height:32px;line-height:32px;}
.pagination li a{display:block;min-width:32px;height:32px;line-height:32px;padding:0 8px;}
.pagination li:hover{background-color:#0AB99D;}
.pagination li:hover a{color:#FFFFFF;}
.pagination li.active{background-color:#0AB99D;color:#FFFFFF;}

/* 头部 */
.header{background-color:#FFFFFF;margin-bottom:10px;box-shadow: 0 5px 5px 0 hsla(0,0%,39.2%,.05);}
.header .header-top-bar{color:#FFFFFF;height:30px;line-height:30px;font-size:12px;background: #303030;}
.header .header-top-bar span{position:relative;padding-right:10px;margin-right:10px;}
.header .header-top-bar span:after{display:inline-block;content: '';right:0px;top:3px;height:10px;width:1px;background-color:#CDCDCD;position:absolute;}
.header .header-top-bar .link span:last-child{padding-right:0;}
.header .header-top-bar .link span:last-child:after{display:none;padding-right:0;}
.header .header-top-bar .link a{color:#FFFFFF;}

.header .head{height:9rem;padding:1.5rem 0;}
.header .site-name{height:60px;position:relative;color:#999999;line-height: 24px;font-size:14px;}
.header .site-name img{height:3rem;margin-top:1.2rem;}

/* 搜索框 */
.header .head .searcher{width:480px;height:40px;color:#888;font-size:14px;margin:10px 0;}
.header .head .searcher form{width:100%;background-color:#F4F4F4;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;border-radius:3px;}
.header .head .searcher .input {width:400px;height:40px;border-radius:3px;}
.header .head .searcher .input input{padding-left:15px;font-size:12px;border:none;width:100%;height:40px;line-height:40px;background-color:transparent;}
.header .head .searcher .submit button{width:80px;height:40px;line-height:40px;padding:0;font-size:15px;cursor:pointer;border: none;background-color:#0AB99D;color:#FFFFFF;border-radius:0 3px 3px 0;font-size:20px;} 
.header .head .ask-link{background-color:#0AB99D;color:#FFFFFF;display:block;margin-top:10px;height:40px;line-height:40px;width:100px;text-align:center;border-radius:0.3rem;}

.header .head .head-keywords{height:40px;line-height:40px;color:#888;font-size:14px;margin:20px 0px;}
.header .head .head-keywords a{display:inline-block;margin-left:12px;}

/* 导航条 */
.header .head-nav{height:48px;background-color:#0AB99D;}
.header .nav-notice{height:40px;line-height:40px;}

.nav-list li{display:inline-block;float:left;height:48px;line-height:48px;text-align:center;padding:0px 20px;min-width:135px;position:relative;}
.nav-list li a{color:#FFFFFF;font-size: 14px;display:block;}
.nav-list li:after{display:inline-block;content: '';right:0px;top:20px;height:13px;width:1px;background-color:#0ca189;position:absolute;}
.nav-list li:first-child{padding-left:0;min-width:80px;text-align:left;}
.nav-list li:last-child:after{display:none;}
/* 底部 */
.footer{clear:both;color: #999999;background-color:#FFFFFF;font-size:12px;line-height:22px;margin-top:10px;border-top:1px solid #DEDEDE;}
.footer a{color:#666;}
.footer-links{text-align:center;padding:25px 0 10px 0;}
.footer-links a{display:inline-block;margin:0 8px;}
.footer .copyright{text-align:center;padding:15px 0 80px 0;}
.footer .copyright span{display:block;}

.item-box .hd{line-height:2;}
.item-box .hd h1,.item-box .hd h3{font-size:1.7rem;font-weight:550;color: #181818;line-height: 2rem;}
.item-box .hd .right,.item-box .hd .more{font-size:12px;color: #9EACB6;margin-top:3px;}

.question-list li {border-bottom: 1px dashed #EFEFEF;padding:8px 0;}
.question-list li span,.question-list li a{display:inline-block;line-height:20px;}
.question-list li .info span{color:#9EACB6;font-size:12px;padding-right:6px;margin-right:6px;}
.question-list li .info span.finish{font-style:normal;display:inline-block;color:#FF6600;}

.question-link-list li{display:flex;border-bottom:1px solid #EFEFEF;line-height:4.2rem;}
.question-link-list li:last-child{border-bottom:none;}
.question-link-list li .title{flex:auto;text-align:left;}
.question-link-list li div{min-width:8rem;color:#888;font-size:1.2rem;text-align:right;}
.question-link-list li .title a{display:inline-block; margin-right:1rem;font-size:1.4rem;line-height:1.8;}
.question-link-list li .title span{display: inline-block;border: 1px solid #DEDEDE;padding: 0 0.5rem;line-height: 2.2rem;border-radius: 0.5rem;font-size:1.2rem;}

.type-link{background-color:#FFFFFF;}
.type-link a {display: block;float: left;line-height: 32px;height: 32px;padding: 0 11px;background-color: #f9f7f3;margin:10px 12px 0 0 ;color: #666666;font-size: 14px;text-decoration: none;}
.type-link a:first-child{margin-left:0;}
.type-link a.active {color: #fff!important;background-color:#9ca4a9;font-weight: bold;}

.text-list li {overflow:hidden;padding-left:15px;line-height:2;}
.text-list li a{max-width:100%;color:#333;}
.text-list li span {float:right;font-size:12px;color:#999;}
.text-list li:before {content: "";float: left;width: 6px;height: 6px;margin-top:11px;background-color: #9eacb6;border-radius: 50%;margin-left:-15px;}

.list-two li{width:calc(50% - 10px);margin-right:20px;float:left;}
.list-two li:nth-child(2n){margin-right:0;} 

.block-list li{display:inline-block;background-color:#F4F4F4;margin-right:1rem;margin-top:1rem;}
.block-list li a{padding:0 1rem;}

.side-question-list li{padding:0.8rem 0;display: flex;}
.side-question-list li:first-child{padding-top:0;}
.side-question-list li:last-child{border-bottom:none;padding-bottom:0;}
.side-question-list li .avatar{width:5rem;height: 5rem;margin-right: 1rem;}
.side-question-list li .info{flex:1;line-height:1.5;}
.side-question-list li .info .title{display:block;font-size:1.5rem;line-height:3.2rem;font-weight: 400;background-color: #F4F4F4;padding: 0 1rem;border-radius: 0.5rem;margin-bottom:0.6rem;position: relative;}
.side-question-list li .info .title::after {content: "";position: absolute;top: calc(50% - 0.9rem);left:-0.6rem; width: 0;height: 0;border-top: 1rem solid transparent;border-right: 1rem solid #F4F4F4;border-bottom: 1rem solid transparent;}
.side-question-list li .info div:last-child{padding: 0 1rem;font-size:1.2rem;}
.side-question-list li .info span{color:#999;}

/* 主页 */

.outer-box{background: #ffffff;border-radius: 6px;padding: 28px 0px;margin-bottom: 16px;}
.outer-box>.hd>.title h3{font-size:1.4rem;}

.focus {display: flex;margin-bottom:20px;height:300px;}
.focus .slide,.focus .slide img{height:300px;}
 
/* 轮播 */
.slider{position:relative;height:30rem;width:800px;}
.slider .swipe{overflow:hidden;visibility:hidden;position:relative;}
.slider .swipe .swipe-wrap{overflow:hidden;position:relative}
.slider .swipe .swipe-wrap>div{float:left;width:100%;position:relative}
.slider .swipe .swipe-wrap .swipe-text,.slider .swipe .swipe-wrap .swipe-img{flex:1;height:30rem;}
.slider .swipe .swipe-wrap .swipe-img img{display:block;width:100%;border:0 none;height:30rem;}
.slider .swipe .swipe-wrap .swipe-text em{display:block;font-size:3.2rem;font-weight:bold;margin-top:6.2rem;}
.slider .swipe .swipe-wrap .swipe-text span{display:block;margin-bottom:3.5rem;}
.slider .swipe .swipe-wrap .swipe-text a{display:inline-block;background: #C3E5E0;color: #0c8d78;padding:0 1.8rem;border-radius:5rem;}


.slider .dot-area{position:absolute;left:50%;bottom:10px;width:68px;margin-left:-34px}
.slider .dot{float:left;width:8px;height:8px;margin-right:12px;background-color:#d6d6d6;border-radius:8px}
.slider .dot:last-child{margin-right:0}
.slider .dot.on{background-color:#fc6463}

.top-user-list{font-size: 1.2rem;}
.top-user-list li{display:flex; border-bottom: 1px solid #F5F5F5;padding: 0.65rem 0;}
.top-user-list li:last-child{border-bottom: 0;}
.top-user-list li img.avatar{width:4.2rem;height:4.2rem;}
.top-user-list li .info{padding:0 1.5rem;flex:1;}
.top-user-list li .info .name{font-size:1.4rem;line-height:2rem;}
.top-user-list li .info .value{font-size:1.2rem;color:#888;}

.type-image-box{width:30rem;}
.type-image-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.type-image-list li{position:relative;flex: 0 0 32%;margin-bottom: 1rem;}
.type-image-list li img{width:100%;}
.type-image-list li:nth-last-child(-n+3){margin-bottom: 0;}
.type-image-list li a{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;border-radius: 3px;background: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;font-size: 14px;font-weight: 400;color: #FFFFFF;}

.tags-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.tags-list li{position:relative;flex: 0 0 23%;margin-bottom: 1rem;}
.tags-list li a{display:block;border: 1px solid #ccc;text-align:center;border-radius:0.5rem;}
.tags-list li:nth-last-child(-n+4){margin-bottom: 0;}

.subject-list{display: flex;}
.subject-list li{display: block;height: 24px;line-height:24px;background: #F5F5F5;border-radius: 12px;padding: 0 10px;justify-content: center;align-items: center;font-size: 14px;font-weight: 400;margin-left: 10px;}
.subject-list li.active {background: #C3E5E0;color: #0c8d78;}

.topic-image{height:16rem;}
.topic-image img{width:100%;height:100%;}

.topic-list li{position:relative;height:5.8rem;padding: 1rem 1rem 1rem 1.5rem; margin-bottom:1rem;background-color:#edf7f6;border-radius:0.3rem;}
.topic-list li:last-child{margin-bottom:0;}
.topic-list li img{position:absolute;right:0.5rem;top:0.5rem;width:4.8rem;height:4.8rem;}
.topic-list li a,.topic-list li span{display:block;line-height:20px;font-size:1.2rem;color:#888;}
.topic-list li a{display:block;font-size: 1.4rem;font-weight: 700;color: #181818;position:relative;}
.topic-list li a:after {position:absolute;display: inline-block;top:50%;right:0px;content: '\3E';font-size:12px;background-color: #98bfb8;color: #edf7f6;font-family: \5b8b\4f53;width:16px;height:16px;border-radius:50%;margin-top:-10px;line-height:16px;text-align: center;}

.index-wenda-info{width:30rem;height:30rem;margin-left:3rem;overflow:hidden;background-color:#FFFFFF;border-radius:0.5rem;border:1px #EFEFEF solid;}
.index-wenda-info .hd{padding:5rem 1rem 0rem 2.5rem;text-align:center;}
.index-wenda-info .hd h1{line-height:3rem;font-size:2.4rem;font-weight:bold;color:#0AB99D;}
.index-wenda-info .hd span{color:#999;font-size:1.2rem;}
.index-wenda-info .bd{color:#ff6600;height:12rem;padding:2.5rem;text-align:center;}
.index-wenda-info .bd em.count{display:block;font-size:3.2rem;line-height:4.2rem;}
.index-wenda-info .bt{height:6.8rem;display:flex;padding:0 1rem;text-align:center;}
.index-wenda-info .bt a{display:inline-block;width:50%;height:6.8rem;}
.index-wenda-info .bt a i.iconfont{display:block;font-size:2.4rem;}

/* 详情页 */

.wd-show{background-color:#ffffff;border-bottom:1px #EFEFEF solid;}
.wd-show .title{padding:2.2rem 0 1rem 0;}
.wd-show .title h1{font-size: 2.8rem;font-weight:600;line-height: 1.6}
.wd-show .bt{position:relative;line-height:24px;display:flex;justify-content: space-between}
.wd-show .bt>div{z-index:1;background-color:#FFFFFF;padding-right:0.5rem;}
.wd-show .bt:after{display:inline-block;content: '';top:50%;height:1px;width:100%;background-color:#d9d9d9;position:absolute;}
.wd-show .author img.avatar{width:2.4rem;height:2.4rem;margin-right:0.5rem;}
.wd-show .author span{margin-left:2rem;}
.wd-show .author span:first-child{margin-left:0;}


.wd-show .bd {color: #2a344f;border-radius: 4px;overflow: hidden;margin-bottom: 1.5rem;line-height: 30px;}
.wd-show .bd .content{font-size: 1.6rem;background: #f8f8f8;padding: 1.5rem 2rem;}
.wd-show .info {line-height:2.4rem;font-size: 1.2rem;margin-bottom: 0.5rem;}
.wd-show .info .auto{display:flex;}

.wd-show .subject span,.wd-show .subject a{height:24px;line-height:2;background-color: #ffecec;color: #e90505;border-radius: 12px;display: inline-block;align-items: center;padding: 0 1rem 0 2rem;margin-right: 0.6rem;font-size:1.2rem;}

.wd-show .subject span:before,.wd-show .subject a:before {content: "#";display:table;clear: both;overflow: hidden;float: left;margin-left: -1rem;}

.wd-show .butGroup span{display:inline-block;color:#888;font-size:1.2rem;margin-left:0.5rem;}
.wd-show .butGroup i.iconfont{font-size:1.6rem;margin-left:2rem;color:#888;}
.wd-show .info span.wenda-answer-show{display:inline-block;border:none;background-color: #0AB99D;color:#ffffff;padding:0 0.6rem;line-height:2.2rem;border-radius:0.3rem;cursor:pointer;font-size:1.2rem;}
.wd-show .info span.wenda-answer-show i{margin-right:0.5rem;}

.wd-show .info span.wenda-answer-finish{display:inline-block;border:none;color:#CDCDCD;padding:0 0.6rem;line-height:2.2rem;border-radius:0.3rem;cursor:pointer;font-size:1.2rem;}
.wd-show .info span.wenda-answer-finish i{margin-right:0.5rem;}

.wd-best{background-color:#ffffff;padding:1.5rem 0;border-bottom:1px #EFEFEF solid;}
.wd-best .info {display:flex;vertical-align:middle;line-height:2.4rem;}
.wd-best .info img.avatar{width:4.2rem;height:4.2rem;margin-right:0.8rem;}
.wd-best .info span{display:block;line-height:1.8rem;font-size:1.2rem;}
.wd-best .info span.nickname{font-size:1.4rem;line-height:2.4rem;font-weight:bold;}
.wd-best .info .adoption{display:inline-block;background-color:#0AB99D;color:#FFFFFF;padding:0 0.5rem;border-radius:1rem;font-size:1.2rem;line-height:1.8rem;margin-left:0.5rem;}
.wd-best .bd{padding-left:5rem;font-size:1.6rem;line-height:1.8;margin:1rem 0;}
.wd-best .bt{padding-left:5rem;}
.wd-best .bt .vote{display:inline-block;border:1px solid #DEDEDE;padding:0 1rem;line-height:2.2rem;border-radius:0.5rem;cursor:pointer;}
.wd-best .bt .vote i{font-size:1.2rem;font-style:normal;}
.wd-best .bt .vote i.iconfont{margin-right:2px;}

.wd-best .adoption-icon i.iconfont{font-size:3rem;line-height:1;color:#0AB99D;display:block;text-align:center;}
.wd-best .adoption-icon span{display:block;font-size:1.2rem;line-height:1.4;text-align:center;}

.answer-list-box{background-color:#ffffff;padding:1.5rem 0;}
.answer-list-box .title h4{display:inline-block;font-size:1.8rem;font-weight:bold;margin-right:0.5rem;}
.answer-list-box .title span{display:inline-block;font-size:1.2rem;color:#999;}
.answer-list li{border-bottom:1px #EFEFEF solid;padding:2rem 0}
.answer-list li:last-child{border-bottom:none;}
.answer-list li .info {display:flex;vertical-align:middle;line-height:2.4rem;margin-bottom:0.5rem;}
.answer-list li .info img.avatar{width:4.2rem;height:4.2rem;margin-right:0.8rem;}
.answer-list li .info span{display:block;line-height:1.8rem;font-size:1.2rem;}
.answer-list li .info span.nickname{font-size:1.4rem;font-weight:bold;margin-top:0.5rem;}
.answer-list li .vote i{font-style:normal;font-size:1.2rem;}
.answer-list li span.vote{/* display:none; */cursor:pointer;margin-right:1rem;}
.answer-list li:hover span.vote{display:inline-block;}
.answer-list li .content{padding-left:5rem;line-height:1.8;}
.answer-list li .bt{padding-left:5rem;}
.answer-list li .bt .vote {display: inline-block;border: 1px solid #DEDEDE;padding: 0 1rem;line-height: 2.2rem;border-radius: 0.5rem;cursor: pointer;}

.side-ask-box {background: #f8f8f8;padding: 20px 30px 30px 30px;}
.side-ask-box strong {display:block;font-size:2rem;}
.side-ask-box span {display:block;font-size: 1.4rem;margin-bottom: 2rem;color:#666;}
.side-ask-box a {display: inline-block;padding: 0.6rem 2.6rem;font-size: 1.4rem;line-height:1.6;color: #fff;background-color: #f43651; border: none;border-radius: 2rem;cursor: pointer;text-align: center;text-decoration: none;}
.side-ask-box button:hover {background-color: #bb243a;}

.link-box .title h3{font-size:1.8rem;}

.show-block{max-width: 76rem;height:10rem;}
.side-block{max-height: 25rem;}




@media screen and (max-width: 960px){
  .width{width:100%;}
  .header-top-bar{display:none;}

  .show-block{height:10rem;}
  .side-block{height:10rem;}
  
  .hide{display:none;}
  #main,.flex-box{flex-direction: column;}
  .sidebar{padding: 1rem 1.5rem;width:100%;}
  
  
  .header .head{padding:0 1rem;height:auto;}
  .header .head .W780{width:100%;}
  .header .head .site-name{width:12rem;padding-right:1rem;}
  .header .site-name img {height: 2.4rem;margin-top: 1.8rem;}
  .header .head .searcher{flex:1;}
  .header .head .searcher form {background-color: #F4F4F4;border-radius:10rem;}
  .header .head .searcher .input{width:calc(100% - 4rem);}
  .header .head .searcher .submit{width:4rem;}
  .header .head .searcher .submit button{width:4rem;background-color:transparent;color:#333;}
  
  .header .head .ask-link {background-color: transparent;color: #333;}
  .header .head .ask-link .iconfont{font-size:2rem;}
  
  .header .head-nav{padding:0 1rem;}
  .nav-list li {padding: 0 1rem;min-width:auto;}
  .nav-list li:first-child {min-width: auto;}
  .nav-list li:after {background-color: #0ca189;top:1.8rem;}
  
  
  #main .auto.Mr50{margin-right:0}
  .wrapper .W780.Mr50{margin-right:0}
  
  .header .head .ask-link{width:5rem;}
  .header .head .ask-link span{display:none;}
  
  .index-news-box,.question-link-box{margin-right:0;padding:1rem 1.5rem;}
  .type-image-box{padding:1rem 1.5rem;width:100%;}
  
  .wd-best,.wd-show,.link-box,.subject-list-box,.subject-type-box{padding:1rem 1.5rem;}

  .wd-show .info.Mb20{margin-bottom:0;}
  .wd-show .info .auto{display: block;}
  .wd-show .info .auto>div{margin-bottom:1rem;}
  .wd-show .title {padding:0.5rem 0;}
  .wd-show .title h1{font-size:2.4rem;}
  .wd-show .bd {padding:0;background-color:transparent;}
  .wd-show .bd .content{padding:1rem 1.5rem;}
  

  .link-box .title h3{font-size:1.6rem;}
  .link-box .list-two li{width:100%;}
  
  .focus{height:15rem;}
  .focus .slider{height:15rem;width:100%;}
  .slider .swipe .swipe-wrap .swipe-text,.slider .swipe .swipe-wrap .swipe-img{flex:1;height:15rem;}
  .slider .swipe .swipe-wrap .swipe-text{padding:0 1rem;}
  .slider .swipe .swipe-wrap .swipe-img img{display:block;width:100%;border:0 none;height:15rem;}
  .slider .swipe .swipe-wrap .swipe-text em{display:block;font-size:2rem;font-weight:bold;margin-top:1.5rem;}
  .slider .swipe .swipe-wrap .swipe-text span {margin-bottom:1rem;}
 

  .footer .info,.footer .links{ border-right:none;text-align: center;width: 100%;margin-bottom: 2rem;}
  .footer .auto{text-align: center;}
  .copyright{text-align: center;padding: 0.5rem 0 8rem 0!important;}

}