@charset "UTF-8";
/* reset.css -----------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, header, footer, section, article, aside, nav, figure, figcaption { margin: 0; padding: 0; }
html, body { width: 100%; }
body {font-family: Helvetica, "microsoft yahei", simsun;font-size: 0.32rem;/* line-height: 1.5; */color: #333333;}
em, i { font-style: normal; }
h1, h2, h3, h4, h5 { font-weight: normal; }
a { color: #333333; }
html * { outline: none; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
img { max-width: 100%; border: 0; /*-webkit-touch-callout: none;*/ }
ul, ol { list-style: none; }
a, input, textarea, button { color: #333333; text-decoration: none; border: none; }

@media only screen and (min-width: 320px) { html { font-size: 42.66667px; } }

@media only screen and (min-width: 360px) { html { font-size: 48px; } }

@media only screen and (min-width: 375px) { html { font-size: 50px; } }

@media only screen and (min-width: 384px) { html { font-size: 51.2px; } }

@media only screen and (min-width: 414px) { html { font-size: 55.2px; } }

@media only screen and (min-width: 480px) { html { font-size: 64px; } }

@media only screen and (min-width: 640px) { html { font-size: 85.33333px; } }

@media only screen and (min-width: 750px) { html { font-size: 100px; } }

@media only screen and (max-width: 319px) { html { font-size: 42.53333px; } }

html{background: #eee; }
body {margin: 0 auto;max-width: 750px;min-width: 320px;} 


.clr:after, .clr:before { content: ""; display: table; }
.clr:after { clear: both; }
.clr { zoom: 1; }
.icon {display: inline-block;background-color: transparent;background-repeat: no-repeat;}
section{margin:0px auto;background:#ffffff;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;overflow:hidden;padding: 0 0 0.3rem 0;}
.mT10{margin-top:0.10rem!important;}
.mt0{margin-top: 0!important;}
.mb0{margin-bottom: 0!important;}
.p00{padding: 0 0 0 0;}

/* header -----------------------------------------------------------------*/
.header {position: relative;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;height: 1rem;background: #35b149;padding: 0 0.2rem;}
.index-logo{position: relative;padding-top: 0.18rem;padding-right: 0.08rem;}
.ico-index-logo {display: inline-block;width: 1.54rem;height: 0.59rem;background-image: url(../images/index_logo.png);-webkit-background-size: 100% 100%;background-size: 100%;}

.header-logo{position: relative;padding: 0.2rem 0.08rem 0.2rem 0;}
.header-logo:after {content: '';position: absolute;right: -0.4rem;top: 0;width: 0.34rem;height: 1rem;background: url(../images/head_home.png) no-repeat;-webkit-background-size: 0.34rem 1rem;background-size: 0.34rem 1rem;}
.ico-header-logo {display: inline-block;width: 0.64rem;height: 0.6rem;background-image: url(../images/logo.png);-webkit-background-size: 100% 100%;background-size: 100%;}
.header-title {position: relative;display: inline-block;font-size: 0.44rem;line-height: 1rem;color: #fff;text-align: center;width: 100%;}
.header-nav {margin-top: 0.25rem;font-size: 0;}
.header-menu {width: 0.69rem;height: 0.52rem;background-image: url(../images/header-menu.png);-webkit-background-size: 0.69rem 0.52rem;background-size: 0.69rem 0.52rem;}


/* crumb */
.crumb {height: 0.56rem;line-height: 0.56rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background: #eee;padding-bottom: 0;}
.crumb a {display: inline-block;padding: 0 0.06rem;color: #666;font-size: 0.24rem;}
.crumb a.home {padding-left: 0.38rem;background: url("../images/mSubhome.png") no-repeat 0.12rem center;background-size: 0.22rem 0.28rem;}
.crumb a.active {color: #333}

/* nav */
.index-nav {background: #eee;height: 1.34rem;}
.index-nav ul{padding: 0;}
.index-nav li {float: left;width: 16.6666666%;font-size: 0.32rem;line-height: 0.8rem;overflow: hidden;height: 0.64rem;text-align: center;}
.index-nav li:nth-child(6){ margin-right:0;}
.index-nav li:nth-child(12){ margin-right:0;}
.index-nav:after{ clear: both;  content: ""; display: table;}

.nav {padding: 0.2rem 0 0 0.2rem;background: #eee;}
.nav li:not(.nav-show-tab) { display: none; }
.nav .spn { margin-right: 0.1rem; }
.nav-index { font-size: 0; overflow: hidden; }
.nav-index li {float: left;width: 22%;font-size: 0.34rem;line-height: 30px;overflow: hidden;height: 30px;padding-right: 0.2rem;padding-bottom: 5px;}
.nav-link {color: #333;background: #f5f5f5;width: 100%;display: inline-block;float: left;text-align: center;}
.nav-more {color: #3cad4c;position: absolute;bottom: 5px;right: 20px;width: 1.5rem;}
.ico-nav-more { display: inline-block; border-width: 0 0 2px 2px; width: 5px; height: 5px; border-style: solid; border-color: transparent transparent #3cad4c #3cad4c; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -4px; vertical-align: middle; }
.ico-nav-pack { display: inline-block; border-width: 0 0 2px 2px; width: 5px; height: 5px; border-style: solid; border-color: transparent transparent #3cad4c #3cad4c; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: 0; }


/* article */
.article-box {position: relative;padding: 0 0.2rem 0 0.2rem;background: #fff;border-top: none;}
.article-header {position: relative;padding: 0.35rem 0 0.25rem 0;margin-bottom: 0.3rem;}
.article-header:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 0;border-bottom: 1px dashed #7a7a7a;}
.article-header h3 {font-size: 0.44rem;line-height: 0.64rem;color: #333;overflow: hidden;/* white-space: nowrap; */text-overflow: ellipsis;text-align: center;}
.article-header .header-date {padding-top: 0.18rem;font-size: 0.24rem;color: #999;position: relative;text-align: center;}
.article-header .header-date > span { padding-right: 0.35rem; }
.article-header .header-link { color: #999; }
.article-info {font-size: 0.36rem;line-height: 0.64rem;color: #333;position: relative;}
.article-info:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 0;-webkit-transform: scale(1, 0.5);-ms-transform: scale(1, 0.5);transform: scale(1, 0.5);border-bottom: 1px dashed #dfdfdf;}
.article-info img { display: block; margin: 0 auto; width: 100%; }

 .caption_right{width:0.81rem;float:right;height:0.30rem;position:absolute;right:0.05rem;top: 0.2rem;}
 .f_size{ width:0.35rem; height:0.22rem; float:right;background:url(../images/size.png) center no-repeat; display:inline-block;box-sizing:border-box; -moz-box-sizing:border-box; background-size:0.35rem 0.22rem; cursor:pointer; }
.size_up {
    width: 0px;
    height: 0px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #ddd;
    position: absolute;
    z-index: 99;
    right: 10px;
    top: 25px;
}.size_box {
    width: 81px;
    height: 35px;
    background: #f5f5f5;
    border: 1px #ddd solid;
    position: absolute;
    z-index: 9;
    right: 0px;
    top: 30px;
}
.size_small {
    width: 40px;
    float: left;
    height: 35px;
    background: url(../images/size2.png) center no-repeat;
    background-size: 15px 11px;
    display: block;
    cursor: pointer;
}
.size_box span {
    float: left;
    width: 1px;
    height: 35px;
    color: #ddd;
    font-size: 0.75em;
    line-height: 35px;
}
.size_add {
    width: 40px;
    float: right;
    height: 35px;
    background: url(../images/size1.png) center no-repeat;
    background-size: 15px 11px;
    display: block;
    cursor: pointer;
}
/* fenye */

.fenye {text-indent: 0;padding: 0.3rem 0 0.3rem 0;width: 100%;/*float: left;*/text-align: center;}
.fenye a p, .fenye div ul {border: 1px solid #3cad4c;background: #fff;height: 0.7rem;line-height: 0.7rem;text-align: center;font-size: 0.36rem;}
.fenye a {/*display: block; float: left; width: 34%;*/ }
.fenye a p {color: #3cad4c;}
.fenye div {display: block; float: left; width: 32%; }
.fenye div ul {margin: 0 .1rem; }
.fenye div ul p {display: inline;padding-right: 0;position: relative;color: #333;}
.fenye ul p span {color: #3cad4c;}
.fenye li {display: inline;/*float: left;*/width: 15%;padding: 0px 15px;}       
.thisclass {color: #FF0000;background-color: royalblue;}
        


.article_label{padding: 0px;height: 0.46rem;margin-top: 0.2rem;overflow: hidden;}
.article_label h3{background: url(../images/about_tag.png) no-repeat;background-size:1.14rem 0.44rem;color: #fff;font-size:0.28rem;width:1.14rem;height:0.44rem;line-height: 0.44rem;float:left;font-weight: normal;padding-left: 0.15rem;}
.article_label a{padding:0px 0.1rem;color: #3cad4c;font-size: 0.28rem;height: 0.44rem;line-height: 0.44rem;display:inline-block;float:left;margin-right: 0.01rem;}
.recom_tags_r{float: left;width:75%;height: 0.44rem;overflow: hidden;}


.share{padding: 0px;height:auto;margin-top:0.3rem;padding-bottom:0.3rem;overflow:hidden;}
.share li{width:31%;float:left;margin-right:3.5%;display:inline;height: 0.58rem;background: #8abe71;}
.share li:nth-child(3){ margin-right:0;}
.share .qq a{background: #f5b946 url(../images/qq.png) 0.15rem center no-repeat;background-size: 0.45rem;box-sizing:border-box;-moz-box-sizing:border-box;color:#fff;font-size: 0.28rem;line-height: 0.58rem;height:0.58rem; text-indent: 0.74rem;display:block;}
.share .sina a{background: #f67665 url(../images/wb.png) 0.15rem center no-repeat;background-size:0.45rem;box-sizing:border-box;-moz-box-sizing:border-box;color:#fff;font-size: 0.28rem;line-height: 0.58rem;height:0.58rem;text-indent: 0.74rem;display:block;}
.share .wx a{ background:url(../images/wx.png) 0.15rem center no-repeat; background-size:0.45rem;box-sizing:border-box; -moz-box-sizing:border-box; color:#fff; font-size: 0.28rem;line-height: 0.58rem;height:0.58rem;text-indent: 0.74rem; display:block;}
.share .wxpy a{ background:url(../images/wxpy.png) 0.15rem center no-repeat; background-size:0.45rem;box-sizing:border-box; -moz-box-sizing:border-box; color:#fff; font-size: 0.28rem;line-height: 0.58rem;height:0.58rem;text-indent: 0.74rem; display:block;}
.share .kj a{background:url(../images/kj.png) 0.15rem center no-repeat;background-size: 0.45rem;box-sizing:border-box;-moz-box-sizing:border-box;color:#fff;font-size: 0.28rem;line-height: 0.58rem;height:0.58rem;text-indent: 0.74rem;display:block;}


.related{height:auto;background:#fff;}
.related_top{width:100%;height: 0.80rem;border-bottom:1px #f1f1f1 solid;}
.related_top h2{background: url(../images/other_ico.png) 0.2rem 0.18rem no-repeat;background-size:0.40rem;color:#333;float: left;font-size: 0.4rem;line-height: 0.80rem;font-weight: normal;text-indent: 0.7rem;}
.related_cont{height:auto;overflow:hidden;padding: 0 0.2rem;}
.related_cont li{width:100%;height:0.8rem;border-bottom:1px #ddd dashed;background: url(../images/li.png) 0rem center no-repeat;display:block;overflow:hidden;text-indent: 0.2rem;}
.related_cont li a{ color:#555; font-size:1em; line-height:0.8rem;}
.related_tp{ width:100%; height:auto; border-bottom:1px #ddd dashed;overflow:hidden; padding-bottom:15px; margin-top:15px;}
.related_tp ul{ padding:0px 10px;}
.related_tp li{ -webkit-box-flex:1; text-align:left; height:100px; position:relative; margin-right:12px; width:48%; float:left; }
.related_tp li a{ color:#666; font-size:0.875em; display:block; width:100%; height:100px; overflow:hidden;}
.related_tp li img{ margin:0 auto; width:100%; height:100px;}
.related_txt{ background-color:rgba(0,0,0,0.5); color:#fff; height:23px; line-height:23px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; position:absolute; bottom:0px; left:0px; -webkit-box-sizing:border-box; text-align:center;}
.related_tp li:nth-child(2){ margin-right:0px; float:right}
.related_more{ width:100%; height:0.8rem; margin:0.1rem 0px;}
.related_more a{ width:3rem; text-align:center; height:0.8rem;  display:block; color:#999; font-size:0.875em; line-height:0.8rem; background-size:20px; margin:0 auto;}

/* Popular recommendation */
.hot_read{height:auto;margin-top: 0.3rem;background:#fff;}
.hot_top{ width:100%; height:0.8rem; border-bottom:1px #f1f1f1 solid;}
.hot_top h2{background: url(../images/hot_ico.png) 0.2rem 0.13rem no-repeat;background-size: 0.45rem 0.51rem;color:#333;font-size: 0.4rem;line-height: 0.80rem;font-weight: normal;text-indent: 0.8rem;}
.hot_cont{height:auto;overflow:hidden;padding: 0 0.2rem;}
.hot_cont .vda{list-style: none;}
.hot_cont a{ width:100%; height:auto; border-bottom:1px #ddd dashed; display:block; }
.hot_cont a:last-of-type { border-bottom: none; }
.hot_cont dl{padding: 0.2rem 0rem;height:auto;overflow:hidden;}
.hot_cont dt{width:35%;height: 1.6rem;float:left;}
.hot_cont dt img{width:100%;height: 1.6rem;}
.hot_cont dd{width:61%;height: 1.6rem;float:left;margin-left:0.2rem;display:inline;}
.hot_cont dd h3{width:100%;height:0.56rem;overflow:hidden;color:#333;font-size: 0.34rem;line-height:0.56rem;font-weight:normal;}
.hot_cont dd p{width:100%;height: 0.96rem;color:#666;font-size: 0.28rem;line-height: 0.46rem;overflow:hidden;margin-top: 0.1rem;}
.hot_cont a:nth-child(8){ border-bottom:none;}
.hot_more{height:0.8rem;background: #f5f5f5;margin: 0 0.2rem;}
.hot_more a{width:3rem;text-align:center;height:0.8rem;display:block;color: #3cad4c;font-size:0.875em;line-height:0.8rem;background-size:20px;margin:0 auto;border-bottom:none;}

/* Wonderful graphic */
.topic{width: -webkit-fill-available;height:auto;margin-top:0.3rem;background:#fff;padding-bottom: 0;}
.topic_top{width:100%;height: 0.80rem;border-bottom:1px #f1f1f1 solid;}
.topic_top h2{background: url(../images/special.png) 0.2rem 0.18rem no-repeat;background-size: 0.39rem 0.39rem;color:#333;float:left;font-size: 0.4rem;line-height: 0.80rem;font-weight: normal;text-indent: 0.7rem;}
.topic_top a{ color:#999; font-size:0.875em; line-height:0.8rem; float:right; margin-right:0.2rem; display:inline;}
.topic_cont{padding:0px 0.2rem;height:auto;position: relative;margin-top: 0.15rem;padding-bottom: 0.15rem;}
.topic_cont ul{width:100%;height: 2rem;float:left;}
.topic_cont li{-webkit-box-flex:1;text-align:left;height: 2rem;position:relative;margin-right: 0.24rem;width:48%;float:left;}
.topic_cont li a{color:#666;font-size:0.875em;display:block;width:100%;height: 2rem;overflow:hidden;}
.topic_cont li img{margin:0 auto;width:100%;height: 2rem;}
.topic_txt{background-color:rgba(0,0,0,0.5);color:#fff;height: 0.46rem;line-height: 0.46rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;position:absolute;bottom:0px;left:0px;-webkit-box-sizing:border-box;text-align:center;}
.topic_cont li:nth-child(2){ margin-right:0px; float:right}

.title-red { color: #ff0000; }
.icon_ask {width: 0.36rem;height: 0.41rem;background:url(../images/hot_ask.png) no-repeat;background-size: 0.36rem 0.41rem;}
/* related-ask */
.related-ask{
    padding: 0 0.2rem;
}
.related-ask li { padding: 0.18rem 0; border-bottom: #cdcdcd 1px dashed; }
.related-ask li:last-of-type { border-bottom: none; }
.related-ask .related-ask-link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.related-ask .related-ask-txt { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0.12rem; font-size: 0.32rem; color: #333; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.related-ask .related-ask-ok {margin: 0 0 0 0.5rem;width: 0.3rem;height: 0.3rem;background:url(../images/ask_ok.png) no-repeat;background-size: 0.3rem 0.3rem;}
.related-ask .related-ask-no {margin: 0 0 0 0.5rem;width: 0.3rem;height: 0.3rem;background:url(../images/ask_no.png) no-repeat;background-size: 0.3rem 0.3rem; }

.topic_cont .swiper-pagination{top: -0.7rem;right: 0.2rem;}
.topic_cont  .swiper-pagination-bullet-active {background: #3cad4c!important;}
.topic_cont .swiper-pagination-bullet{margin: 0 0.04rem;}

.hot_ask{height:auto;margin-top:0.3rem;background:#fff;}
.hot_ask_top{width:100%;height:0.8rem;border-bottom: 1px #dfdfdf solid;}
.hot_ask_top h2{background: url(../images/hot_ask_top.png) 0.2rem 0.18rem no-repeat;background-size: 0.54rem 0.42rem;color:#333;font-size: 0.4rem;line-height: 0.80rem;font-weight:normal;text-indent: 0.9rem;float:left;}
.hot_ask_top a{ color:#999; font-size:0.875em; line-height:0.8rem; float:right; margin-right:0.2rem; display:inline;}

footer{background: #dfdfdf;text-align:center;padding-top:0.2rem;padding-bottom:0.4rem;position: relative;margin-top: 0.2rem;border-top: 1px solid #dddddd;}
footer nav a{display:inline-block;height: 0.6rem;line-height: 0.6rem;position: relative;color:#333;text-decoration:none;font-size: 0.28rem;text-align:center;margin-left: 0.03rem;padding: 0 0.15rem;}
footer #f_menu:after{content: "";background: #333;height: 0.3rem;width: 0.02rem;position:absolute;right: 0px;top: 0.15rem;}
footer p{width:100%;height: 0.56rem;text-align:center;color:#333;font-size: 0.28rem;line-height: 0.56rem;}
.indexfoot{margin-top: 0;}

.hotask_adv{margin-top: 0.3rem;padding: 0 0.2rem;}


.tab-pic{position: relative;float: left;width: 100%;height: 4rem}
.tab-pic img{border: 0;margin: 0;width: 100%;height: 100%;}
.tab-pic p{position: absolute;bottom: 0;width: 100%;line-height: 0.7rem;height: 0.7rem;color: #fff;background: rgba(0, 0, 0, 0.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;text-indent: 0.2rem;font-size: 0.32rem;}
.list_pic_tab{position: relative;width: 100%;overflow: hidden;line-height: 0}
.list_pic_tab .swiper-pagination-fraction{width: 0.65rem;font-size: 0.32rem;height: 0.7rem;right: 0.2rem;position: absolute;bottom: 0;color: #fff;line-height: 0.7rem;}

.list-hot{clear:both;margin-bottom:12px;background:#fff;padding: 0.3rem 0.2rem 0.3rem 0.2rem;border-top: none;}
.list-hot ul{clear:both;height: 0.56rem;line-height: 0.56rem;font-size: 0.36rem;overflow:hidden;text-align:center;}
.list-hot dd{clear:both;line-height: 0.56rem;overflow:hidden;text-align: left;font-size: 0.28rem;color: #444;height: 1.1rem;}
.list-hot dd a{font-size: 0.28rem;color: #444;}
.list-hot ul.list-hota{text-align:left;padding-left: 0.9rem;position:relative;}
.list-hot ul.list-hota p.p1{position:absolute;left:0;width: 0.7rem;height: 0.4rem;line-height: 0.45rem;color:#fff;background: #ff8a00;font-size: 0.28rem;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;top: 0.06rem;}
.list-hot ul.list-hota p.p2{position:absolute;left:0;width: 0.7rem;height: 0.4rem;line-height: 0.45rem;color:#fff;background: #3cad4c;font-size: 0.28rem;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;top: 0.06rem;}
.height6{clear:both;height: 0.12rem;line-height: 0.12rem;font-size:1px;overflow:hidden;}

.list-parttop{padding: 0 0 0.3rem 0;}
.list-part{padding: 0 0 0.3rem 0;margin-top: 0.2rem;}
.li-tit{border-left: 2px solid #3cad4c;font-size:0.36rem;line-height: 0.88rem;height: 0.88rem;border-bottom: 1px solid #dddddd;padding-left: 0.2rem;}
.li-tit .more{float:right;width: 0.22rem;height: 100%;background: url('../images/tit-more.png') left center no-repeat;background-size: 0.22rem 0.41rem;margin-right: 0.2rem;}


/*pic2*/
.picpre2{clear:both;margin: 0.3rem 0.1rem;overflow:hidden;}
.picpre2 ul{float:left;width:50%;overflow:hidden;}
.picpre2 ul a{display:block;clear:both;margin: 0 0.1rem;position:relative;}
.picpre2 ul a span{display:block;clear:both;width:100%;max-height:149px;overflow:hidden;}
.picpre2 ul a span img{width:100%; height:2.3rem; vertical-align:top;max-height:149px;}
.picpre2 ul a p{position:absolute;left:0;bottom:0;z-index:2;width:100%;height: 0.44rem;line-height: 0.44rem;text-align:center;color:#fff;overflow:hidden;font-size: 0.24rem;}
.picpre2 ul a i{display:block;background:#000;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);position:absolute;left:0;bottom:0;z-index:1;width:100%;height: 0.44rem;}

.lv{border-left: 2px solid #3cad4c;color: #3cad4c;}

.art-li{height:auto;overflow:hidden;padding: 0 0.2rem 0.05rem 0.2rem;}
.art-li li{width:100%;height:0.8rem;border-bottom:1px #ddd dashed;background: url(../images/li.png) 0rem center no-repeat;display:block;overflow:hidden;text-indent: 0.2rem;}
.art-li li:last-of-type { border-bottom: none; }
.art-li li a{color: #333;font-size: 0.32rem;line-height:0.8rem;}
.li_more{height:0.8rem;background: #f5f5f5;margin: 0 0.2rem;}
.li_more a{width:3rem;text-align:center;height:0.8rem;display:block;color: #3cad4c;font-size: 0.32rem;line-height:0.8rem;background-size:20px;margin:0 auto;border-bottom:none;}

.art-li li.hot{padding: 0 0 0 0.3rem;position:relative;}
.art-li li.hot p{position:absolute;left: 0;top: 0.2rem;width: 0.36rem;height: 0.36rem;line-height: 0.36rem;color:#fff;background:#ff8a00;font-size: 0.24rem;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-indent: 0;}

.art-li li.j{padding: 0 0 0 0.3rem;position:relative;}
.art-li li.j p{position:absolute;left: 0;top: 0.2rem;width: 0.36rem;height: 0.36rem;line-height: 0.36rem;color:#fff;background:#3cad4c;font-size: 0.24rem;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-indent: 0;}


.tuwen{overflow:hidden;padding: 0 0.2rem;}
.tuwen li{padding: 0.25rem 0 0.25rem 2.3rem;min-height: 70px;border-bottom: 1px dashed #dddddd;position:relative;text-align:left;overflow:hidden;}
.tuwen li.vda{padding:0;min-height: 70px;border-bottom: 1px dashed #dddddd;position:relative;text-align:left;overflow:hidden;}
.tuwen li:last-child{border-bottom: none;}
.tuwen li span{display:block;position:absolute;left: 0px;width: 2.1rem;overflow:hidden;}
.tuwen li span img{display:block;width: 2.1rem;height: 2.1rem;}
.tuwen li h3{display:block;/*height: 1.15rem;*/line-height: 0.52rem;font-size: 0.34rem;overflow: hidden;}
.tuwen li h2{display:block;width:100%;height: 24px;line-height: 24px;background-size:14px !important;font-size:14px;font-weight: bolder;overflow: hidden;margin: 5px 0;}
.tuwen li p{display:block;width:100%;line-height: 0.46rem;font-size: 0.28rem;color: #666;/*height: 0.4rem;overflow: hidden;*/}
.tuwen li p a{color: #40b04a;}
.tuwen li p em{color: #333;font-style: normal}

.tuwen li i{
    font-size: 0.28rem;
}
.tuwen li .mess{float: right;}
.tuwen li .time{}

.tuwen1{height:auto;overflow:hidden;padding: 0 0.2rem 0.05rem 0.2rem;}
.tuwen1 a{ width:100%; height:auto; border-bottom:1px #ddd dashed; display:block; }
.tuwen1 dl{padding: 0.2rem 0rem;height:auto;overflow:hidden;}
.tuwen1 dt{width:35%;height: 1.6rem;float:left;}
.tuwen1 dt img{width:100%;height: 1.6rem;}
.tuwen1 dd{width:61%;height: 1.6rem;float:left;margin-left:0.2rem;display:inline;}
.tuwen1 dd h3{width:100%;height:0.56rem;overflow:hidden;color:#333;font-size: 0.34rem;line-height:0.56rem;font-weight:normal;}
.tuwen1 dd p{width:100%;height: 0.96rem;color:#666;font-size: 0.28rem;line-height: 0.46rem;overflow:hidden;margin-top: 0.1rem;}
.tuwen1 a:nth-child(8){ border-bottom:none;}

.listtag{height:auto;overflow:hidden;padding: 0 0.2rem 0.05rem 0.2rem;}
.listtag li{width:100%;height:0.8rem;border-bottom:1px #ddd dashed;display:block;overflow:hidden;}
.listtag li:last-of-type { border-bottom: none; }
.listtag li a.tags{color: #666}
.listtag li a{color: #333;font-size: 0.32rem;line-height:0.8rem;}

.art-li2{height:auto;overflow:hidden;padding: 0 0.2rem 0.05rem 0.2rem;}
.art-li2 li{width: 3.3rem;height:0.8rem;border-bottom:1px #ddd dashed;background: url(../images/li.png) 0rem center no-repeat;display:block;overflow:hidden;text-indent: 0.2rem;float: left;padding-right: 0.2rem;}
.art-li2 li:last-of-type { border-bottom: none; }
.art-li2 li:nth-last-child(2){ border-bottom: none; }
.art-li2 li a{color: #333;font-size: 0.32rem;line-height:0.8rem;}


.hotread{padding: 0 0 0 0;margin-top: 0.2rem;}
.hottags-tit{width:100%;height:0.8rem;border-bottom: 1px #dfdfdf solid;}
.hottags-tit h2{background: url(../images/view.png) 0.2rem 0.24rem no-repeat;background-size: 0.49rem 0.29rem;color:#333;font-size: 0.4rem;line-height: 0.80rem;font-weight:normal;text-indent: 0.8rem;float:left;}

.hottags{clear:both;overflow:hidden;margin: 0 0.2rem;}
.hottags ul{float:left;width: 50%;height: 0.8rem;overflow:hidden;border-bottom: 1px dashed #dfdfdf;}
.hottags ul:last-of-type { border-bottom: none; }
.hottags ul:nth-last-child(2){ border-bottom: none; }
.hottags ul li{height: 0.8rem;line-height: 0.8rem;padding: 0 0 0 0.2rem;position: relative;overflow:hidden;}
.hottags ul:nth-child(2n+1) li{padding: 0 0.15rem 0 0;}
.hottags ul:nth-child(2n) li:after{position:absolute;left:0;top:10px;width:1px;height:14px;background:#e6e6e6;}
.hottags ul li a{display: block;padding-right:0;font-size: 0.32rem;color: #333;width: 92%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.hottags ul li a.ico-tmp:after {position: absolute;top: 0.22rem;right: 0.1rem;content: '热';display: inline-block;width: 0.35rem;height: 0.34rem;margin-bottom: 1px;line-height: 0.34rem;font-size: 0.24rem;text-align: center;vertical-align: middle;-webkit-border-radius: 0.04rem;border-radius: 0.04rem;font-style: normal;color: #fff;background: #ff8a00;}

.hottags p{height:33px;position: absolute;right:0;top: 0.18rem;width: 0.4rem;height: 0.4rem;line-height: 0.40rem;color:#fff;background:#ff0000;font-size: 0.24rem;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;overflow:hidden;}
.hottags p.hottagsa{background:#ff0000;}
.hottags p.hottagsb{background:#fc6621;}
.hottags p.hottagsc{background:#47c18e;}
.hottags ul:nth-child(2n) li:after {position: absolute;left: 0;top: 10px;width: 1px;height: 14px;background: #e6e6e6;}
.hottags ul:nth-child(2n) li:after{position: absolute;content: "";display: inline-block;}


.btn-recommend-tit {font-size: 0;line-height: 0.8rem;float: right;background: #fff;margin-right: 0.2rem;}
.btn-recommend-tit > span {font-size: 0.32rem;color: #333;}
.btn-recommend-tit .icon-recommend-change {content: '';display: inline-block;width: 0.4rem;height: 0.38rem;margin-right: 0.16rem;background: url(../images/ico-change.png) no-repeat;-webkit-background-size: 0.4rem 0.38rem;background-size: 0.4rem 0.38rem;vertical-align: middle;}
.btn-recommend-tit .icon-recommend-change-txt { vertical-align: middle; }
.icon-recommend-change{width: 0.28rem;height: 0.28rem;background-size: cover;}
.listadv1{padding: 0 0.2rem;}
.listadv2{padding: 0.3rem 0.2rem 0 0.2rem;}

.list2banner{border-top:none;border-bottom: none;padding-bottom: 0.3rem;background: #eee}
.list2{height:auto;background:#fff;padding: 0;}
.list2-tit{}
.list2-tit{width:100%;height: 0.80rem;border-bottom:1px #f1f1f1 solid;}
.list2-tit h2{background: url(../images/list2-tit.png) 0.2rem 0.15rem no-repeat;background-size: 0.4rem 0.4rem;color:#333;float: left;font-size: 0.4rem;line-height: 0.80rem;font-weight: normal;text-indent: 0.7rem;}


.list2-li{overflow:hidden;padding: 0 0.2rem;}
.list2-li li{padding: 0;min-height: 70px;border-bottom: 1px dashed #dddddd;position:relative;text-align:left;overflow:hidden;}
.list2-li li h3{display:block;height: 0.8rem;line-height: 0.8rem;font-size: 0.34rem;overflow: hidden;}
.list2-li li h2{display:block;width:100%;height: 24px;line-height: 24px;background-size:14px !important;font-size:14px;font-weight: bolder;overflow: hidden;margin: 5px 0;}
.list2-li li p{display:block;width:100%;line-height: 0.46rem;font-size: 0.28rem;color: #666;height: 0.4rem;overflow: hidden;}
.list2-li li p a{color: #40b04a;}
.list2-li li p em{color: #333;font-style: normal}

.list2-li li i{
    font-size: 0.28rem;
}
.list2-li li .mess{float: right;}
.list2-li li .time{}
.unlion{padding: 0;border-bottom: 1px dashed #dddddd;}


.index_pic_tab{position: relative;width: 100%;overflow: hidden;line-height: 0}
.index_pic_tab .swiper-pagination-fraction{width: 0.65rem;font-size: 0.32rem;height: 0.7rem;right: 0.2rem;position: absolute;bottom: 0;color: #fff;line-height: 0.7rem;}
.index_pic_tab .swiper-pagination-bullet{opacity: 0.7}
.index_pic_tab .swiper-pagination-bullet-active{background: #3cad4c;}

.index-nav1{margin: 0.3rem 0;padding: 0.3rem 0;text-align: center;background: #fff;overflow: hidden;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.index-nav1 ul{ display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;margin-left: 0.2rem;}
.index-nav1 ul li{height: 1.7rem;width: 1.2rem;margin-right: 0.77rem;}
.index-nav1 ul li a    {position: relative;display: block;height: 1.7rem;text-align: center;}
.index-nav1 ul li i{display: inline-block;width: 1.2rem;height: 1.2rem;background-position: 0 0;background-size: 1.2rem 1.2rem;}
.icon-index-nav1{background: url(../images/index-nav1.png) no-repeat;} 
.icon-index-nav2{background: url(../images/index-nav2.png) no-repeat;} 
.icon-index-nav3{background: url(../images/index-nav3.png) no-repeat;} 
.icon-index-nav4{background: url(../images/index-nav4.png) no-repeat;} 
.index-nav1 ul li p.index-nav1-txt{position: absolute;bottom: 0rem;width: 100%;color: #333;font-size: 0.28rem;}

.hot_index{height:auto;margin-top: 0.3rem;background:#fff;}
.hot_index_tit{ width:100%; height:0.8rem; border-bottom:1px #f1f1f1 solid;}
.hot_index_tit h2{background: url(../images/index-light.png) 0.2rem 0.13rem no-repeat;background-size: 0.37rem 0.43rem;color:#333;font-size: 0.4rem;line-height: 0.80rem;font-weight: normal;text-indent: 0.8rem;}

.index_ask{height:auto;margin-top:0.3rem;background:#fff;}
.index_ask_top{width:100%;height: 0.88rem;border-bottom: 1px #dfdfdf solid;}
.index_ask_top h2{background: url(../images/hot_ask_top.png) 0.2rem 0.25rem no-repeat;background-size: 0.54rem 0.42rem;color:#333;font-size: 0.4rem;line-height: 0.88rem;font-weight:normal;text-indent: 0.9rem;float:left;}
.index_ask_top a{background: url(../images/pencil.png) 0.06rem center no-repeat;background-size: 0.5rem 0.5rem;color: #fff;font-size: 0.26rem;line-height: 0.7rem;float:right;margin-right:0.2rem;display:inline;background-color: #ff8a00;height: 0.6rem;padding: 0 0.15rem;border-radius: 0.3rem;margin-top: 0.18rem;text-indent: 0.6rem;=: 0.6rem}

.i-r-ask{
    padding: 0 0.2rem;
}
.i-r-ask li { padding: 0.18rem 0; border-bottom: #cdcdcd 1px dashed; }
.i-r-ask li:last-of-type { border-bottom: none; }
.i-r-ask .i-r-link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.i-r-ask .i-r-txt { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0.12rem; font-size: 0.32rem; color: #333; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.i-r-ask .i-r-con {margin-top: 0.2rem;}
.i-r-ask .i-r-avator-box {float: left;width: 1rem;}
.i-r-ask .i-r-ask-avator {display: inline-block;width: 0.92rem;height: 0.92rem;-webkit-border-radius: 50%;border-radius: 50%;overflow: hidden;}
.i-r-ask .i-r-ask-avator img {width: 100%;height: 100%;-webkit-border-radius: 50%;border-radius: 50%;overflow: hidden;}
.i-r-ask .i-r-ask-box {position: relative;padding: 0;margin-left: 1.16rem;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;vertical-align: middle;}
.i-r-ask .i-r-ask-rep {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 0.28rem;line-height: 0.5rem;color: #666;}
.i-r-ask .limp {display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}
.wbwr {word-break: break-all;word-wrap: break-word;}

.index-part{padding: 0 ;margin-top: 0.2rem;}
.index-part-top{height: 0.88rem;border-bottom: 1px #dfdfdf solid;}
.index-part-top h2{color:#333;font-size: 0.4rem;line-height: 0.88rem;font-weight:normal;text-indent: 0.7rem;float:left;}
.index-part-top a{float:right;width: 0.22rem;font-size: 0.28rem;color: #3cad4c; height: 100%;background: url('../images/tit-more.png') left center no-repeat;background-size: 0.22rem 0.41rem;margin-right: 0.2rem;}
.index-part-top a:nth-child(2n){color: #ff8a00}
.index-part-top span{
    float: right;
    height: 0.88rem;
}
.index-part-top span a.s{
    float: left;
    width: 0.95rem;
    margin: 0;
    line-height: 0.88rem;
    background: none;
    margin-left: 0.08rem;
}
.womanicon{background: url(../images/woman.png) 0.2rem 0.23rem no-repeat;background-size: 0.38rem 0.4rem;}
.manicon{background: url(../images/man.png) 0.2rem 0.24rem no-repeat;background-size: 0.33rem 0.39rem;}
.lifeicon{background: url(../images/life.png) 0.2rem 0.2rem no-repeat;background-size: 0.42rem 0.42rem;padding-left: 0.1rem;}
.jbicon{background: url(../images/jb.png) 0.2rem 0.15rem no-repeat;background-size: 0.58rem 0.58rem;padding-left: 0.2rem;}
.linkicon{background: url(../images/link.png) 0.2rem 0.15rem no-repeat;background-size: 0.57rem 0.41rem;padding-left: 0.2rem;}
.tagli{height:auto;overflow:hidden;padding: 0 0.2rem 0.05rem 0.2rem;}
.tagli li{width:100%;height:0.8rem;border-bottom:1px #ddd dashed;display:block;overflow:hidden;}
.tagli li:last-of-type { border-bottom: none; }
.tagli li a.taglilab{color: #3cad4c}
.tagli li a{color: #333;font-size: 0.32rem;line-height:0.8rem;}

.index-tagli{height:auto;overflow:hidden;padding: 0 0.2rem 0.2rem 0.2rem;}
.index-tagli ul{}
.index-tagli ul li{background: #d6f1e0;width: 1.73rem;height: 0.8rem;line-height: 0.8rem;float: left;text-align: center;margin-right: 0.06rem;margin-bottom: 0.06rem;}
.index-tagli ul li:nth-child(4){margin-right:0 ;}
.index-tagli ul li:nth-child(8){margin-right:0 ;}
.index-tagli ul li a{color: #3cad4c;line-height: 0.8rem;width: 100%;float: left;}

.fixed-ad {
    width: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: inherit;
    top: 0;
    z-index: 998;
    height: 1.2rem;
}
.fixed-ad-close {
    width: 20px;
    height: 20px;
    background: rgba(0,0,0,.3) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE1SURBVDhPlZSxcYNAEADpwLFTIsY1kNAEIRFDBwQUwNCIYnegSDMeB+SEhBTgAuRZdPePX/+HvDMKOO6Wf939Z0pZlh9VVf3I48tQQ608PiAwDMN927b7OI7feZ6/yask5PR9/0UNtU6qMuUV6VGmOGnTNBLyqLQoindxOIghW9dVsj24srZtb8uySMhDQSi1ZMR4tyfWdX21pGxRtxmTUcvCdpmCdJ5nSfEgmKbpwi/2UWJd130+LAEpKf/psQGKKVNS0hByTmUKiZb0XzKgAcfZDOGdNadP0M1YAxRtlKTbnMkUchgpKYuTkqW6rHMq5X+xhpbtpRoVlVoyRHpSUidKz76TpYaW4xSe5VMpF6TEHCqLjYa10v2C5qvHK4ytp2RKTIrD7UalLPvp1jBASo2XZdkveCc1rEHwL5cAAAAASUVORK5CYII=") no-repeat center;
    background-size: 10px 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index:1000;
}
.fixed-ad-con {
    width: 100%;
    max-width: 640px;
    overflow: hidden;
    margin: 0 auto;
}

.fixed-ad-con img {
    width: 100%;
    max-width: 640px;
}


.index_hos_tab{width: 100%;text-align:left;position: relative;}
.index_hos_tab .hd{height: 0.92rem;line-height: 0.88rem;background: #fff;padding: 0;position: absolute;top: -0.9rem;right: 0;width: 3.8rem;border: none;}
.index_hos_tab .hd .mip-vd-tabs-nav{padding: 0;line-height: 0.88rem;overflow: hidden;z-index: 999999;background: #fff;height: 0.9rem;}
.index_hos_tab .hd li.mip-vd-tabs-nav-li{float:left;padding: 0 0.15rem;height: 0.90rem;line-height: 0.88rem;border-bottom: 1px solid #dddddd;}
.index_hos_tab .hd li.mip-vd-tabs-nav-selected{background:#fff;border:1px solid #ddd;border-bottom:2px solid #fff;border-top: 2px solid #3cad4c;color: #3cad4c;height: 0.88rem;line-height: 0.88rem;margin: 0;}
.index_hos_tab .bd ul{ padding:0;  zoom:1;  }

/*pic3*/
.picpre3{clear:both;padding: 0.3rem 0.1rem 0.2rem 0.1rem;overflow:hidden;}
.picpre3 li{float:left;width:33.33%;overflow:hidden;list-style: none;}
.picpre3 li a{display:block;clear:both;margin: 0 0.1rem;position:relative;}
.picpre3 li a span{display:block;clear:both;width:100%;max-height:149px;overflow:hidden;}
.picpre3 li a span img{width:100%; height:100px; vertical-align:top;max-height:149px;}
.picpre3 li a p{z-index:2;width:100%;height: 0.44rem;line-height: 0.44rem;text-align:center;color: #333;overflow:hidden;font-size: 0.24rem;margin-top: 0.1rem;}
.picpre3 li a i{display:block;background:#000;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);position:absolute;left:0;bottom:0;z-index:1;width:100%;height: 0.44rem;}
.btop{border-top: 1px #ddd dashed;}


.links{height: auto;overflow: hidden;padding: 0.2rem 0 0.2rem 0.2rem;line-height: 0.56rem;}
.links a{float:left;margin-right: 0.3rem;font-size: 0.28rem;line-height: 0.56rem;}


/*右上悬浮*/
.heabar{width:100%;position:relative;left:0;margin: 0 auto;margin-top: 1rem;z-index:1000;font-size:14px;display: block;max-width: 750px;}
.heaber_be{background: #313131;overflow:hidden;}
.heabar a{color: #fff;}
.info{ margin-top:10px; overflow:hidden;}
.heabar h3{text-align:center;font-size:14px;color: #fff;letter-spacing:1px;position:relative;margin: 0.1rem 0.2rem;}
.heabar h3 span{position: relative;background: #313131;font-weight:bold;z-index: 1;padding: 0 0.2rem;}
.info{width: 100%;margin:0 auto;padding: 0 0.1rem;}
.x_xian{ display:block; margin-top:10px; width:95%; border-bottom:1px solid #5a5a5a; border-top:1px solid #2d2e30; position:relative;}
.info a{float:left;width: 1.22rem;text-align:center;font-size: 0.28rem;line-height: 0.6rem;border: 1px solid #e5e5e5;margin: 0 0.1rem 0.1rem 0.1rem;}
.info a:hover{background: #3cad4c;color: #fff}
.login{width:100%;padding: 0.2rem 0 0.4rem 0;text-align:center;}
.login a{display:inline-block;margin: 0px 0.1rem;font-size: 0.36rem;color: #fff;padding: 0.1rem 0.8rem;/* border-radius:2px; */}
.login a.loginicon{background: #ff8a00;}
.login a.regicon{background: #3cad4c;}

.tj_bx1 ul{padding: 0px 10px;overflow: hidden;}
.tj_bx1 ul li{float: left;width: 20%;text-align: center;}
.tj_bx1 ul li a{display: block;position: relative;width: 100%;height: 1.5rem;color: #fff;text-align: center;}
.tj_bx1 ul li a span{display: inline-block;width: 1rem;position: absolute;bottom: 0px;text-align: center;left: 50%;margin-left: -0.5rem;font-size: 0.28rem;}
.tj_bx1 ul li a i{position: absolute;width: 0.95rem;height: 0.95rem;position: absolute;left: 50%;margin-left: -0.475rem;}
.tj_bx1 ul li a i.tjd_ico01{background: url(../images/tjd_icon01.png) no-repeat center center;background-size: 0.95rem 0.95rem;}
.tj_bx1 ul li a i.tjd_ico02{background: url(../images/tjd_icon02.png) no-repeat center center;background-size: 0.95rem 0.95rem;}
.tj_bx1 ul li a i.tjd_ico03{background: url(../images/tjd_icon03.png) no-repeat center center;background-size: 0.95rem 0.95rem;}
.tj_bx1 ul li a i.tjd_ico04{background: url(../images/tjd_icon04.png) no-repeat center center;background-size: 0.95rem 0.95rem;}
.tj_bx1 ul li a i.tjd_ico05{background: url(../images/tjd_icon05.png) no-repeat center center;background-size: 0.95rem 0.95rem;}
.heabar h3:before {content: '';position: absolute;    top: 50%;   left: 0;margin-top: 1px;width: 100%;height: 1px;margin-top: 0;background: #fff;z-index: 0;}
.heabar h3:after {content: '';position: absolute;top: 50%;left: 0;margin-top: 1px;width: 100%;height: 1px;z-index: 0;}
.icon-header-up {position: absolute;width: 0.8rem;height: 0.8rem;background: #313131;left: 50%;margin-left: -0.4rem;bottom: -0.4rem;-webkit-border-radius: 50%;border-radius: 50%;z-index: 0;}
.icon-header-up:after {content: '';position: absolute;width: 0.2rem;height: 0.2rem;left: 50%;top: 50%;margin: -0.01rem 0 0 -0.1rem;border-left: 0.03rem solid #ccc;border-bottom: 0.03rem solid #ccc;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}
.hd-srh{position:relative;padding: 0.1rem 0.2rem 0 0.2rem;border-bottom: none;}
.hd-srh p{height: 0.7rem;padding: 0 0.72rem 0 0;overflow:hidden;background: #fff;border:1px solid #e6e6e6;border-radius: 0.2rem;}
.hd-srh .input{width:100%;height: 0.7rem;line-height: 0.7rem;padding: 0 0.2rem;-webkit-appearance:none;background: #fff;border:0;}
.hd-srh .input::-webkit-input-placeholder{color:#999;  }
.hd-srh .btn{position:absolute;top: 0.15rem;right: 0.2rem;width: 0.7rem;height: 0.6rem;border:0;border-radius:0 4px 4px 0;-webkit-appearance:none;color:white;background: url(../images/ss_icon.png) 0 0.14rem no-repeat;background-size: 0.33rem 0.33rem;text-indent:-9999px;cursor:pointer;}
.hd-srh span{line-height:30px;color: #999;padding: 5px 0px;width: 100%;text-align: left;float: left;    height: 30px;overflow: hidden;}
.hd-srh span a{color: #999;}
.logout{width:100%;line-height:30px;padding: 0.2rem 0 0.4rem 0;text-align:center;}
.logout a{display:inline-block;margin: 0px 0.1rem;font-size: 0.28rem;color: #fff;padding: 0px 0.4rem 0 0.4rem;border-radius:2px;letter-spacing:1px;}
.logout a.logout_user{background: #3cad4c ;}
.logout a.logout_userout{background: #3cad4c;}
a.lotal{display:block;overflow:hidden;color: #fff;text-align:center;}
a.lotal span{ /*! height:.6rem; */ /*! line-height:.6rem; */ position:relative; text-indent:.55rem;}
a.lotal span:after{content:"";position:absolute;left: -0.6rem;width: 0.4rem;height: 0.4rem;background:url(../images/logbg.png) no-repeat;background-size:100% 100%;top: -3px;}


.ico-nav-pack { display: inline-block; border-width: 0 0 2px 2px; width: 5px; height: 5px; border-style: solid; border-color: transparent transparent #3cad4c #3cad4c; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: 0; }

.list_red .header{background:#35b149;}
.list_red .header-logo:after {content: '';position: absolute;right: -0.4rem;top: 0;width: 0.34rem;height: 1rem;background: url(../images/red_head_home.png) no-repeat;-webkit-background-size: 0.34rem 1rem;background-size: 0.34rem 1rem;}
.list_red .nav-more{color:#ef3232}
.list_red .ico-nav-more { display: inline-block; border-width: 0 0 2px 2px; width: 5px; height: 5px; border-style: solid; border-color: transparent transparent #ef3232 #ef3232; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -4px; vertical-align: middle; }
.list_red .ico-nav-pack { display: inline-block; border-width: 0 0 2px 2px; width: 5px; height: 5px; border-style: solid; border-color: transparent transparent #ef3232 #ef3232; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: 0; }
.list_red .swiper-pagination-current{color:#ef3232}
.list_red .li-tit{/*border-left: 2px solid #ef3232;color: #ef3232;*/}
.list_red .li_more a{width:3rem;text-align:center;height:0.8rem;display:block;/*color: #ef3232;*/font-size:0.875em;line-height:0.8rem;background-size:20px;margin:0 auto;border-bottom:none;}
.list_red .hottags-tit h2{background: url(../images/red_view.png) 0.2rem 0.24rem no-repeat;background-size: 0.49rem 0.29rem;color:#333;font-size: 0.4rem;line-height: 0.80rem;font-weight:normal;text-indent: 0.8rem;float:left;}
.list_red .btn-recommend-tit .icon-recommend-change {content: '';display: inline-block;width: 0.4rem;height: 0.38rem;margin-right: 0.16rem;background: url(../images/red-ico-change.png) no-repeat;-webkit-background-size: 0.4rem 0.38rem;background-size: 0.4rem 0.38rem;vertical-align: middle;}

.list_black .header{background:#374e64;}
.list_black .header-logo:after {content: '';position: absolute;right: -0.4rem;top: 0;width: 0.34rem;height: 1rem;background: url(../images/black_head_home.png) no-repeat;-webkit-background-size: 0.34rem 1rem;background-size: 0.34rem 1rem;}
.list_black .nav-more{color:#374e64}
.list_black .ico-nav-more { display: inline-block; border-width: 0 0 2px 2px; width: 5px; height: 5px; border-style: solid; border-color: transparent transparent #374e64 #374e64; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -4px; vertical-align: middle; }
.list_black .ico-nav-pack { display: inline-block; border-width: 0 0 2px 2px; width: 5px; height: 5px; border-style: solid; border-color: transparent transparent #374e64 #374e64; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: 0; }

.list_black .swiper-pagination-current{color:#374e64}
.list_black .li-tit{border-left: 2px solid #374e64;color: #374e64;}
.list_black .li_more a{width:3rem;text-align:center;height:0.8rem;display:block;color: #374e64;font-size:0.875em;line-height:0.8rem;background-size:20px;margin:0 auto;border-bottom:none;}
.list_black .hottags-tit h2{background: url(../images/black_view.png) 0.2rem 0.24rem no-repeat;background-size: 0.49rem 0.29rem;color:#333;font-size: 0.4rem;line-height: 0.80rem;font-weight:normal;text-indent: 0.8rem;float:left;}
.list_black .btn-recommend-tit .icon-recommend-change {content: '';display: inline-block;width: 0.4rem;height: 0.38rem;margin-right: 0.16rem;background: url(../images/black-ico-change.png) no-repeat;-webkit-background-size: 0.4rem 0.38rem;background-size: 0.4rem 0.38rem;vertical-align: middle;}

.list_blue .header{background:#41c8cd;}
.list_blue .header-logo:after {content: '';position: absolute;right: -0.4rem;top: 0;width: 0.34rem;height: 1rem;background: url(../images/blue_head_home.png) no-repeat;-webkit-background-size: 0.34rem 1rem;background-size: 0.34rem 1rem;}
.list_blue .nav-more{color:#41c8cd}
.list_blue .ico-nav-more { display: inline-block; border-width: 0 0 2px 2px; width: 5px; height: 5px; border-style: solid; border-color: transparent transparent #41c8cd #41c8cd; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -4px; vertical-align: middle; }
.list_blue .ico-nav-pack { display: inline-block; border-width: 0 0 2px 2px; width: 5px; height: 5px; border-style: solid; border-color: transparent transparent #41c8cd #41c8cd; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: 0; }
.list_blue .swiper-pagination-current{color:#41c8cd}
.list_blue .li-tit{border-left: 2px solid #41c8cd;color: #41c8cd;}
.list_blue .li_more a{width:3rem;text-align:center;height:0.8rem;display:block;color: #41c8cd;font-size:0.875em;line-height:0.8rem;background-size:20px;margin:0 auto;border-bottom:none;}
.list_blue .hottags-tit h2{background: url(../images/blue_view.png) 0.2rem 0.24rem no-repeat;background-size: 0.49rem 0.29rem;color:#333;font-size: 0.4rem;line-height: 0.80rem;font-weight:normal;text-indent: 0.8rem;float:left;}
.list_blue .btn-recommend-tit .icon-recommend-change {content: '';display: inline-block;width: 0.4rem;height: 0.38rem;margin-right: 0.16rem;background: url(../images/blue-ico-change.png) no-repeat;-webkit-background-size: 0.4rem 0.38rem;background-size: 0.4rem 0.38rem;vertical-align: middle;}

.listad2{border-bottom: 1px solid #dddddd; background: #ffffff; margin-top: -1px; padding: 0 0.2rem;overflow: hidden;}
.topic_cont_um{}
.mip-fill-content{padding-bottom: 0.4rem}
#MIP-LLIGTBOX-MASK{background: none;}

.hotask_adv1{font-size: 1em;
    line-height: 40px;
    border-bottom: 1px #ddd dashed;
    color: #555;
    display: block;}

.hotask_adv1 span    {    color: #4d9b13;
    background: #d6f1e0;
    font-size: 0.75em;
    padding: 1px;
    margin: 0 5px 0 0;}

.related_cont li a.related_adv1{color: #ff0000}
.expert {width: 100%; overflow: hidden; padding: 0.2rem 0; border-bottom: 1px solid #f2f2f2;}
.expert-info {float: left;}
.expert-info img {display: block; width: 0.96rem; height: 0.96rem; border-radius: 50%;}
.expert-intro {float: left; width: 72%; margin-left: 0.18rem; line-height: 0.48rem; color: #999;}
.expert-intro p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.expert-intro .expert-name {color: #333;}
.expert-intro .expert-name span{font-size: 0.32rem;}
.expert-intro .expert-name .expert-zc {color: #35b149;font-size: smaller;padding: 0.05rem 0.1rem;border: 1px solid #35b149;}


.foot1 { height: 75px; width: 100%; position: fixed; left: 0; float: left; bottom: 0; z-index: 9; }
.foot2 { display: block; float: left; width: 33.3%; line-height: 45px; color: #FFF; background-color: #82cfd2; text-align: center; }
.foot3 { display: block; /*font-size: 15px;*/ line-height: 75px; border-right: 1px solid #FFF; }
.foot4 { display: inline-block; margin-right: 4px; vertical-align: middle; margin-top: -2px; width: 15px; }
.foot5 { display: block; float: left; width: 33.3%; line-height: 75px; color: #FFF; background-color: #51c2bd; text-align: center; }
.foot6 { display: block; /*font-size: 15px;*/ line-height: 75px; border-right: 1px solid #FFF; border-left: 1px solid #FFF; }
.foot7 { display: inline-block; margin-right: 4px; margin-top: -2px; vertical-align: middle; width: 15px; }
.foot8 { display: block; float: left; width: 33.4%; line-height: 45px; color: #FFF; background-color: #82cfd2; text-align: center; }
.foot9 { display: block; /*font-size: 15px;*/ line-height: 75px; border-left: 1px solid #FFF; }
.foot10 { display: inline-block; margin-right: 4px; vertical-align: middle; margin-top: -2px; width: 15px; }


.tuwen .tag {height: 0.48rem !important;position: absolute;top: 0.2rem;right: 0.2rem;}
.tuwen .tag i {background: url(../images/icon4.png) no-repeat;background-size: auto;background-size: 0.48rem 0.48rem;width: 0.48rem;height: 0.48rem;float: left;}
.tuwen .tag a {color: #333;line-height: 0.47rem;border-top: 1px solid #f0b158;border-radius: 0.1rem;font-size: 0.28rem;margin-left: -0.36rem;height: 0.46rem;float: left;padding: 0 0.2rem 0 0.44rem;border-bottom: 1px solid #f0b158;border-right: 1px solid #f0b158;}