@charset "utf-8";
/* Simple fluid media
 Note: Fluid media requires that you remove the media's height and width attributes from the HTML
 http://www.alistapart.com/articles/fluid-images/
 */
img, object, embed, video { max-width: 100%; }
/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width: 100%; }
/*
 Dreamweaver Fluid Grid Properties
 ----------------------------------
 dw-num-cols-mobile:        4;
 dw-num-cols-tablet:        8;
 dw-num-cols-desktop:   12;
 dw-gutter-percentage:  25;
 
 Inspiration from "Responsive Web Design" by Ethan Marcotte
 http://www.alistapart.com/articles/responsive-web-design
 
 and Golden Grid System by Joni Korpi
 http://goldengridsystem.com/
 */
.fluid { clear: both; margin-left: 0; width: 100%; float: left; display: block; }
.fluidList { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* Mobile Layout: 480px and below. */
.gridContainer { margin-left: auto; margin-right: auto; width: 100%; padding-left: 0%; padding-right: 0%; clear: none; float: none; }
#div1 { }
.zeroMargin_mobile { margin-left: 0; }
.hide_mobile { display: none; }
.index { text-align: center; line-height: 32px; }
.CommBg { position: fixed; z-index: -999; background-color: #F2F2F2; width: 100%; height: 100%; }
/*标签*/
.big_Title { color: #333333; padding: 3% 0; padding-left: 4%; border-bottom: solid 1px #EEE; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.big_Title span { margin-right: 2%; margin-bottom: 2px; background-color: #007aff; width: 4px; height: 1.0em; margin-top: 2px; border-radius: 2px; }
.mark_1 { padding: 5px 10px; color: #999; background-color: #EEE; font-size: 0.7em; margin-bottom: 5px; border-radius: 2px; margin-right: 10px; display: inline-block; }
.mark_title_blue { width: 20px; height: 20px; border-radius: 3px; text-align: center; line-height: 20px; background-color: #007aff; font-size: 12px; margin-right: 5px; color: #FFF; display: inline-block; position: relative; top: -2px; }
.mark_title_qna { width: 20px; height: 20px; border-radius: 3px; text-align: center; line-height: 20px; background-color: #f26c4f; font-size: 12px; margin-right: 5px; color: #FFF; display: inline-block; position: relative; top: -2px; }
.mark_title_clip { width: 20px; height: 20px; border-radius: 3px; text-align: center; line-height: 20px; background-color: #333333; font-size: 12px; margin-right: 5px; color: #FFF; display: inline-block; position: relative; top: -2px; }
.comm_msg { background-color: #FAFAFA; color: #999; font-size: 0.8em; text-align: center; padding: 15px 0; border-top: solid 1px #EEE; }
.comm_msg a { color: #999; display: block; }
/*A space*/
.a_space { background-color: #EEEEEE; height: 0.8em; width: 100%; border-top: solid 1px #EBEBEB; border-bottom: solid 1px #EBEBEB; }
.t_space { background-color: transparent; height: 3.5em; width: 100%; }
.top_space { background-color: #FFF; height: 44px; width: 100%; }
.a_line { width: 86%; background-color: #EEEEEE; margin-left: 14%; height: 1px; }
.index { width: 100%; line-height: 2em; text-align: center; }
.index a { color: #007aff; }
/*OverPage APP Download*/
.overPage { width: 94%; padding: 3%; background-color: rgba(250, 250, 250, 1); position: fixed; z-index: 2100; bottom: 0px; border-top: solid 1px #EEEEEE; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10); }
.overPage img { width: 40px; height: 40px; padding-right: 5px; border-radius: 12px; }
.overPage .TextSkin p:nth-child(1) { font-size: 1em; color: #333333; line-height: 1.2em; }
.overPage .TextSkin p:nth-child(2) { font-size: 0.8em; color: #999999; line-height: 1.5em; }
.overPage a { background-color: #333; color: #FFFFFF; padding: 5px 12px; margin-top: 5px; font-size: 0.8em; display: block; border-radius: 5px; }
/*字体*/
.comm_Title { font-size: 1em; color: #222; }
.comm_subTitle { font-size: 0.8em; color: #999; }
/*-------------------------------------------------------------------
                        评论  
--------------------------------------------------------------------*/
.a_comment { width: 92%; padding: 15px 4%; }
.a_comment .div1 { width: 8%; }
.a_comment .div2 { width: 89%; padding-left: 3% }
.a_comment .TextSkin { width: 100%; }
.a_comment .TextSkin p:nth-child(1) { font-size: 0.8em; color: #333333; line-height: 1.5em; }
.a_comment .TextSkin p:nth-child(2) { font-size: 0.6em; color: #999999; line-height: 1.5em; }
.a_comment .ac_desc { line-height: 1.5em; padding: 8px 0px; font-size: 1.0em; color: #333; word-wrap: break-word; }
.a_comment img { width: 100%; display: inline-block; margin-right: 5px; border-radius: 100%; }
.a_comment .newsGroup { width: 100%; margin-bottom: 10px; background-color: #EEEEEE; color: #999999; }
.a_comment .newsGroup a { display: block; width: 100%; height: auto; color: #999999; }
.a_comment .newsGroup div:nth-child(1) { width: 20%; }
.a_comment .newsGroup div:nth-child(2) { width: 70%; padding: 2% 5%; font-size: 0.9em; line-height: 1.5em; }
.a_comment .newsGroup img { border-radius: 0px; width: 100%; }
.a_comment textarea { width: 98.2%; border-radius: 3px; border: none; height: 5em; appearance: normal; -webkit-appearance: normal; -moz-appearance: normal; background-color: transparent; }
a.btn_reply { display: inline-block; width: 60px; height: 24px; text-align: center; color: #FFF; border-radius: 3px; line-height: 24px; font-size: 0.8em; background-color: #007aff; }
.a_comment .ac_textarea { width: 99.6%; border: solid 1px #DDD; border-radius: 3px; background-color: #FAFAFA; }
.ac_btn { margin: 0.5em auto; text-align: right; }
.acd_desc_list { background-color: #EEE; font-size: 0.8em; color: #999; line-height: 1.8em; width: 96%; padding: 2%; border-radius: 5px; }
/*-------------------------------------------------------------------
                            文章详情
--------------------------------------------------------------------*/
.anewsDesc { width: 92%; padding: 20px 4%; }
.anewsDesc .an_title { font-size: 1.4em; color: #222; font-weight: bold; }
.anewsDesc .an_title_desc { font-size: 0.9em; line-height: 1.6em; color: #999; padding-top: 10px;  }
.anewsDesc .an_desc { font-size: 1.05em; line-height: 1.7em; color: #333333; padding-bottom: 5%; text-align: justify; text-justify: inter-word; }
.anewsDesc .an_desc img { text-align: center !important; width: 100% !important; height: auto !important; }
.anewsDesc .an_desc p { margin-top: 1em; }
.anewsDesc .an_date { font-size: 0.8em; line-height: 2em; color: #999999; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.anewsDesc .an_date img { border-radius: 100px; width: 30px; margin-right: 5px; }
.anewsDesc .an_date .an_face { border-radius: 100px; width: 30px; height: 30px; margin-right: 5px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.anewsDesc .an_date .an_face a { border-radius: 100px; width: 30px; height: 30px; display: block; }
.an_views { font-size: 0.6em; line-height: 1.1em; text-align: center; width: 40px; height: 20px; background-color: #FFF; padding: 5px 0; border: solid 1px #EBEBEB; color: #CCC; border-radius: 3px; }
.an_subtitle { display: flex; flex-direction: row; justify-content: space-between; margin-top: 16px; }
.anewsDesc .an_date { font-size: 0.8em; line-height: 2em; color: #999999; }
.anewsDesc .an_date img { border-radius: 100px; width: 30px; height: 30px; margin-right: 5px; }
/* 投票 */
.a_vote{ width: 90%; padding: 15px 5%; }
.a_vote>ul>li{ width: 100%; min-height: 40px; border: solid 1px #EBEBEB; border-radius: 3px; margin-bottom:10px;  background-image:url(../img/icon_tick@2x.png); background-repeat:no-repeat; background-position: 98% center; background-size: 20px;}
.a_vote>ul>li a{ color: #999; display:block;}
.a_vote>ul>li:last-child{ margin-bottom: 0px;}
.a_vote .votaDesc{ color: #999; padding: 0 2%;}
.a_vote .votaDesc img{ width: 20px; height: 20px; padding: 10px 0px; margin:auto; display: inline-block; position:relative;}
.v_left{ width: 90%; float: left; padding: 12px 0px; font-size:0.8em;}
.v_right{width: 10%; float:right; text-align:right;}
.vota_dl{ width:100%; height: 40px; line-height: 40px; font-size: 0.8em; text-align:center; border-top: solid 1px #EBEBEB; background-color:#F7F7F7;}
.vota_dl a{ display:block; width:100%; height: 40px; color:#999;}
.big_Title_vote { padding-left: 10px; padding-right: 5%; margin: 10px 0px 7px 5%; color: #333; border-left: solid 2px #008DE1; }
/*专题*/
.aSpecialTopic { width: 100%; }
.aes_desc { padding: 3% 3%; background-color: #FFF; }
.aes_desc>.title { font-size: 1.2em; margin: 10px auto; color: #222; }
.aes_desc>.desc { font-size: 0.8em; color: #999; line-height: 1.6em; }
/*行家号*/
.mp_bannerSkin { background-image: url(/static/v3/share/img/bg.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; color: #EBEBEB; font-size: 0.8em; height: auto; padding: 20px 3% 20px 3%; line-height: 1.6em; }
.mp_bannerSkin .title { font-size: 1.5em; line-height: 1.8em; color: #FFFFFF; }
.mp_bannerSkin img { width: 4em; height: 4em; display: inline-block; border-radius: 100%; }
.mp_bannerSkin .mpb_left { width: 20%; float: left; }
.mp_bannerSkin .mpb_right { width: 77%; float: right; }
/*文章 阅读量*/
.an_views { font-size: 0.6em; line-height: 1.1em; text-align: center; width: 40px; height: 20px; background-color: #FFF; padding: 5px 0; border: solid 1px #EBEBEB; color: #CCC; border-radius: 3px; }
.an_subtitle { display: flex; flex-direction: row; justify-content: space-between; margin-top: 16px; }
.anewsDesc .an_date { font-size: 0.8em; line-height: 2em; color: #999999; }
.anewsDesc .an_date img { border-radius: 100px; width: 30px; height: 30px; margin-right: 5px; }

/*赞赏*/
.appreciationSkin { text-align: center; line-height: 1.8em; padding: 0 3%; }
a.btn_appreciation { background-color: #f26c4f; display: inline-block; margin: 10px 0; padding: 2px 24px; color: #FFF; border-radius: 5px; font-size: 1em; }
.a_userList>ul { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 10px; margin-bottom: 20px; }
.a_userList>ul>li { margin: 0 5px 5px 5px; }
.a_userFace { width: 30px; height: 30px; border-radius: 15px; background-position: center; background-size: cover; background-repeat: no-repeat; }
/*行家专栏*/
.hjSkin { background-color: #FFF; padding: 15px 4%; }
.hj_face { width: 70px; height: 70px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 100%; margin-right:10px; }
.hjFaceSkin{ width: 100%; margin-bottom: 5px;}
a.btn_ask_blue_line { font-size: 0.8em; color: #007aff; border: solid 1px #007aff; background-color: #FFF; border-radius: 3px; width: 44px; height: 22px; line-height: 22px; text-align: center; display: block; }
a.btn_ask_blue_line:hover { color: #FFF; background-color: #007aff; }
a.btn_blue_text { color: #007aff; }

.hjFaceSkin .title { font-size: 1.1em; color: #222; margin-bottom: 5px; }
.hjFaceSkin .subtitle { font-size: 0.8em; color: #999; margin-bottom: 5px; }
.hj_desc { font-size: 0.8em; line-height: 1.6em; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.hjNewsList { font-size: 0.9em; line-height:1.6em; margin-top: 10px; display: block; text-align:justify; word-wrap:break-word; }
.hjNewsList>ul>li { border-bottom: dashed 1px #EBEBEB; padding: 12px 0; }
.hjNewsList>ul>li:last-child{ border-bottom: none; padding-top: 15px; padding-bottom: 0px;}

.smallPic{width: 20px; height: 20px; border-radius: 3px; margin-right: 5px; display: inline-block; position: relative; top: 5px; background-size:cover; background-position:center;}
.hjdt_title{ background-image:url(../img/type_line.png); background-repeat: repeat-x; background-position:center; color: #CCC; font-size:0.7em; width:100%; height:24px; line-height:24px; display:block; margin-top:5px; text-align:center;}
.hjdt_title span{ display:inline-block; padding:0 8px; background-color:#FFF;}

.noMsg { width: 92%; padding: 20px 4%; text-align: center; font-size: 0.8em; color: #999; }
.noMsg img { width: 32%; margin-bottom: 15px; }

/*相关文章*/
.a_RelatedArticles { width: 92%; padding: 15px 4%; }
.a_RelatedArticles>ul>li { border-bottom: solid 1px #EEE; padding: 15px 0; }
.a_RelatedArticles>ul>li:first-child { padding-top: 0; }
.a_RelatedArticles>ul>li:last-child { border-bottom: none; padding-bottom: 0px;  }
.a_RelatedArticles>ul>li a { display: block; }
.ara_left { float: left; width: 80%; }
.ara_left .titleItem { width: 100%; height: 3em; overflow: hidden; font-size: 1em; }
.ara_left .mediaItem { height: 1em; font-size: 0.8em; color: #999; }
.ara_right { float: right; width: 20%; text-align: right; }
.ara_right img { width: 3em; height: 3em; border-radius: 3px; }
.ara_right .imgItem { width: 3em; height: 3em; border-radius: 3px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: cover; }



/*-------------------------------------------------------------------
                                支付记录
--------------------------------------------------------------------*/
.payment_list>li { padding: 10px 3% 10px 3%; border-bottom: solid 1px #EBEBEB; line-height: 1.8em; }
.payment_list a{ display:block;}
/*-------------------------------------------------------------------
                                我的收益
--------------------------------------------------------------------*/
.wdsyInfo { background-color: #FFF; border-bottom: solid 1px #EBEBEB; padding: 5% 3%; text-align: center; }
.wi_pic { width: 25%; margin-bottom: 10px; }
.wi_text1 { font-size: 1.0em; margin-bottom: 5px; }
.wi_text2 { font-size: 2.0em; margin-bottom: 5px; }
.wi_text3 { font-size: 0.8em; margin-bottom: 10px; color:#999; }
a.btn_blue_box{ width: 100%; height:44px; color: #FFF; background-color:#007aff; display:block; border-radius: 5px; line-height: 44px; text-align:center;}
.btn_blue_box{ width: 100%; height:44px; color: #FFF; background-color:#007aff; display:block; border-radius: 5px; line-height: 44px; text-align:center;}

.overBg{ width: 100%; height:100%; position:fixed; z-index: 200; background-color:rgba(0,0,0,0.50); opacity: 1; top: 0; max-width: 480px;}
.overSkin{ background-color: #FFF; border-radius: 5px; width: 80%; height: auto; display: block; top: 15%; position: fixed; z-index: 300; margin: 0 5%; padding: 5%; max-width: 384px; -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.30); box-shadow: 0px 10px 20px rgba(0,0,0,0.30); }

.btn_close_pic{ width: 20px; height:20px; position:absolute; margin-left: -20px; display: inline-block;}
.overSkin input{ border:none; outline:0; padding:0 2%; width: 90%; height: 36px; font-family:"微软雅黑", "Microsoft YaHei UI";}
.overSkin .inputLine{ border-bottom: solid 1px #EBEBEB;}
.overSkin div{ margin-bottom:5px;}
.os_title{ font-size:1.2em; text-align:center; margin-bottom: 20px !important;}

.iconYuan{ padding:0 2% 0 10% !important; width: 80% !important; background-image:url(/static/news/imgs/icon_yuan.png); background-position:left; background-repeat:no-repeat; background-size: 14px; font-size: 1.2em !important; }


/*-------------------------------------------------------------------
                                收费资料
--------------------------------------------------------------------*/
.fileSpace { background-color: #EEE; margin: 0 3% 20px 3%; border-radius: 3px; padding: 3%; text-align: center; }
.fileSpace img { width: 80px; height: 80px; border-radius: 5px; margin: 10px auto; }
.fileSpace .fs_title { font-size: 0.9em; color: #222; }
.fileSpace a.btn_blue_Box { width: 94%; height: 44px; line-height: 44px; display: inline-block; background-color: #007aff; color: #FFF; border-radius: 3px; margin-top: 00px; margin-bottom: 10px; }
.fileSpace a.btn_blue_line { width: 93.6%; height: 42px; line-height: 42px; display: inline-block; background-color: #FFF; color: #007aff; border-radius: 3px; margin-top: 00px; margin-bottom: 10px; border: solid 1px #007aff; }

.upDownLine{ border-bottom: solid 1px #EBEBEB; border-top: solid 1px #EBEBEB; margin:10px 0 20px 0 !important; padding: 5px 0;}
.upDownSpace{margin:30px 0 !important; padding:0 5%; font-size:1.1em !important;}

/*浮层背景*/
.floadBG_blue{ background-image:url(/static/news/imgs/float_bg_blue.png) !important; background-repeat:no-repeat; background-position: top center; background-size: contain;}
.fp_title_file{ font-size:1.2em; color:#FFF; text-align:center; margin-bottom: 20px !important;}

.floadBG_red{ background-image:url(/static/news/imgs/float_bg_red.png) !important; background-repeat:no-repeat; background-position: top center; background-size: contain;}
.fb_line{ background-color:#EBEBEB; height:1px; margin:10px 0 !important;}

.moneyList>ul{ width:100%;}
.moneyList>ul>li{ float:left; width:30%; margin:0 5% 10px 0; }
.moneyList>ul>li:nth-child(3n){ margin-right:0 !important;}
.moneyList>ul>li a{ display:block; width: 98%; height:44px; border: solid 2px #f26c4f; border-radius: 5px; text-align:center; line-height:44px; font-size: 1.6em; color:#f26c4f;}

/*-------------------------------------------------------------------
                            动态
--------------------------------------------------------------------*/
.SmallPageBtn { padding: 10px 4%; width: 92%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.SmallPageBtn img { width: 96%; }
.oneDynamicList { padding: 12px 4%; background-color: #FFF; }
.odl_face { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.odl_face img { width: 30px; height: 30px; border-radius: 100%; margin-right: 5px; }
.odl_face span { color: #222; margin-right: 5px; }
.odl_face p { font-size: 0.8em; color: #999; }
.odl_title { font-size: 1.1em; font-weight: 700;color: #222; line-height: 1.4em; margin: 8px auto; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word; }
.odl_subtitle { font-size: 0.9em; line-height: 1.5em; color: #666; margin-bottom: 10px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-wrap: break-word;  }
.odl_bigPic { width: 100%; height: 160px; border-radius: 3px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.odl_bigPic a { display: block; width: 100%; height: 160px; }
.descImage { border-radius: 3px; }
.odl_msg { font-size: 0.8em; color: #999; padding: 8px 0 0 0; }
.odl_picList>ul { display: flex; flex-direction: row; justify-content: space-between; width: 100%; }
.odl_picList>ul>li { width: 32%; }
.odl_picList>ul>li:nth-child(2n) { width: 4% !important; }
.odl_picList>ul>li div { display: block; background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 68px; border-radius: 3px; }


.odl_desc_1 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.odl_desc_1 img { width: 30%; height: 60px; margin-right: 10px; }
.odl_desc_1 .descImage { width: 30%; height: 60px; background-position:center; background-repeat:no-repeat; background-size:cover; display:block; margin-right: 10px; }
.odl_desc_1 .descImageArticle { width: 30%; height: 60px; background-position:center; background-repeat:no-repeat; background-size:cover; display:block; margin-right: 10px; }
.odl_desc_1 p { width:80%; font-size: 0.9em; line-height: 1.6em;color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.odl_msg { font-size: 0.8em; color: #999; padding: 6px 0 0 0; }


/*专题推荐*/
.topicSkin { width: 92%; padding: 12px 4%; }
.topicTitleSkin { width: 100%; font-size: 1.1em; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.topicPicSkin { width: 100%; height: 120px; display: block; overflow-x: scroll; overflow-y: hidden; margin-top: 12px; }
.tpsList { width: 729px; height: 120px; display: block; }
.tpsList>ul>li { width: 233px; height: 120px; float: left; margin-right: 10px; }
.tpsList>ul>li:last-child { margin-right: 0px; }
.tpsList>ul>li img { border-radius: 3px; }
.tpsList>ul>li div { display: block; width: 233px; height: 40px; background-image: url(/static/v4/img/pic_bg.png); background-repeat: repeat-x; background-size: contain; background-position: center; font-size: 0.8em; color: #FFF; text-align: center; line-height: 40px; position: relative; z-index: 200; margin-top: -40px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.topicPic { }
.topicPic img { border-radius: 3px !important; }
.topicPic div { display: block; width: 100%; height: 40px; background-image: url(/static/v4/img/pic_bg.png); background-repeat: repeat-x; background-size: contain; background-position: center; font-size: 0.8em; color: #FFF; text-align: center; line-height: 40px; position: absolute; z-index: 200; margin-left: -50%; margin-top: 56px; }
.swiper-container { width: 100%; height: 95px; }
.swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
/*-------------------------------------------------------------------
                            行家圈
--------------------------------------------------------------------*/
.groupSkin { width: 96%; padding: 0 0 0 4%; }
.gs_title { margin: 12px auto 20px auto; width: 180px; text-align: center; background-image: url(/static/v4/img/type_line.png); background-repeat: repeat-x; background-position: center; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.gs_title span { background-color: #FFF; padding: 0 10px; }
.gs_title img { width: 20px; height: 20px; margin-right: 5px; position: relative; top: -2px; }
.groupList ul { width: 100%; }
.groupList ul>li { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 0.5em; padding-bottom: 0.5em; border-bottom: solid 1px #EBEBEB; padding-right: 4%; }
.groupList ul>li:last-child { border-bottom: none; }
.groupList ul>li div:nth-child(1) { width: 20%; }
.groupList ul>li div:nth-child(2) { width: 62%; line-height: 1.4em; }
.groupList ul>li div:nth-child(3) { width: 15%; }
.groupList img { width: 4em; height: 4em; border-radius: 2em; }

/*圈子详情*/
.comm_title_filter { background-color: #eee; padding: 10px 3%; font-size: 0.8em; color: #999; border-top: solid 1px #EBEBEB; border-bottom: solid 1px #EBEBEB; }
.comm_title_filter img{ width: 16px; height:16px; margin-right:5px;}
/*置顶*/
.gd_top { display: flex; flex-direction: column; padding-left: 3%; }
.mark_blue { padding: 3px 6px; color: #007aff; border: 1px solid #007aff; font-size: 0.6em; border-radius: 3px; margin-right: 8px; display: block; }
.gdt_onelist { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 8px 3% 8px 0; border-bottom: solid 1px #EBEBEB; }
.gdt_onelist:last-child { border-bottom: none; }
.gdt_title { width: 82%; font-size: 1em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
/*列表*/
.odl_desc_3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #eee; }
.odl_desc_3 img { width: 30%; height: 60px; margin-right: 10px; }
.odl_desc_3 .descImage { width: 30%; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; display: block; margin-right: 10px; }
.odl_desc_3 .descImageArticle { width: 30%; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; display: block; margin-right: 10px; }
.odl_desc_3 p { width: 80%; font-size: 0.9em; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
/*圈子行家*/
.hj_scrollList{ width: 94%; height:150px; margin: 0 auto 10px auto; overflow:hidden;}
.hjs_desc{ font-size: 0.8em; color:#999; margin-top:5px; word-wrap:break-word;  line-height: 1.4em; min-height: 4em;}
.hjs_btn_ask{ text-align:center;}
.hjs_btn_ask a{ width: 52px; height: 24px; font-size: 0.8em; color:#007aff; border: solid 1px #007aff; border-radius: 3px; display:inline-block; text-align:center; line-height:24px; margin: 10px auto 0px auto;}

.hjs_main{}
.hjs_oneTap{  width: 110px; height: 125px; padding:10px; background-color:#F9F9F9; border-radius:5px; border: solid 1px #EBEBEB; margin-right: 5px; float:left;}
.hjs_main>ul>li{ width: 110px; padding:10px; border: solid 1px #EBEBEB; border-radius:5px; display:block; float:left; margin-right: 10px; background-color:#F9F9F9;}

/*提问按钮*/
.btnAsk{ display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: rgba(237,28,36,0.80); position: fixed; right: 4%; bottom: 60px; font-size: 1em; color: #FFF; border-radius: 52px; -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.10); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.10); z-index:9999; }
.btnAsk a{ display: block; width: 60px; height: 60px; color:#FFF;}
/*-------------------------------------------------------------------
                            我
--------------------------------------------------------------------*/
.meBanner { text-align: center; background-image: url(/static/v4/img/bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; color: #FFF; }
.me_faceIcon { width: 60px; height: 60px; border-radius: 60px; background-size: cover; background-repeat: no-repeat; background-position: center; display: inline-block; margin: 16px auto 0px auto; border: solid 2px #FFF; }
.me_title { font-size: 1.1em; margin-bottom: 8px; }
.me_type { padding: 8px 0 12px 0; }
.me_type>ul { display: flex; flex-direction: row; justify-content: space-around; align-items: center; }
.me_type>ul>li { border-right: solid 1px #666; width: 50%; font-size: 0.8em; }
.me_type>ul>li:last-child { border-right: none; }
.me_type>ul>li img { width: 20px; height: 20px; margin-bottom: 5px; }
.me_type>ul>li a { color: #FFF; }
.meMsg { font-size: 0.8em; color: #999; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.meMsg img { width: 16px; height: 16px; margin: 0 3px; }
/*-------------------------------------------------------------------
                            客户端下载
--------------------------------------------------------------------*/
.dlBanner { width: 100%; text-align: center; background-image: url(/static/v4/img/dl_bg.png); background-size: 140%; background-repeat: no-repeat; background-position: center; background-color: #007aff; padding: 10% 0; }
a.btn_top_blue { background-color: #007aff; color: #FFF; border-radius: 3px; padding: 4px 10px; font-size: 0.7em; }
.dlBanner img { width: 60%; margin: 0% auto 10% auto; }
a.btn_blue_box { width: 40%; height: 44px; display: block; margin: auto; line-height: 44px; background-color: #FFF; color: #007aff; border-radius: 3px; }
/*-------------------------------------------------------------------
                            行家详情
--------------------------------------------------------------------*/
.blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(20px); /* Chrome, Opera */ -moz-filter: blur(20px); -ms-filter: blur(20px); filter: blur(20px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=20, MakeShadow=false); /* IE6~IE9 */
}
.groupBanner { background-color: #333; width: 100%; height: 100px; overflow: hidden; }
.groupBanner_pic { width: 100%; height: 100px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0.8; position: absolute; z-index: 2; top: 44px; left: 0; }
.groupFace { padding: 15px 4%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 1.2em; color: #FFF; position: absolute; z-index: 200; top: 44px; }
.groupFace img { width: 66px; height: 66px; border-radius: 10px; border: solid 2px #FFF; margin-right: 10px; }
.bigFaceSkin { padding: 0px 4%; position: relative; top: -45px; margin-bottom: -30px; z-index: 2; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.bigFace { display: block; width: 82px; height: 82px; border-radius: 100px; background-position: center; background-repeat: no-repeat; background-size: cover; border: solid 4px #FFF; margin-bottom: 5px; }
.info_title { font-size: 1.2em; color: #222; margin-bottom: 5px; }
.info_subtitle { font-size: 0.8em; color: #999; margin-bottom: 5px; }
.maskGroup { padding: 0px 0px; height: 24px; }
.maskGroup span { font-size: 0.8em; border-radius: 20px; background-color: #007aff; color: #FFF; background-image: url(/static/v4/img/icon_mask2.png); background-repeat: no-repeat; background-size: 16px; background-position: 6px; padding: 3px 8px 3px 22px; }
.info_msg { font-size: 1em; color: #222; }
.info_desc { font-size: 0.8em; line-height: 1.6em; color: #999; margin-bottom: 5px; }
.p5 { padding: 5px 0; }
a.btn_ask_hjPage { width: 160px; height: 32px; background-color: #007aff; display: inline-block; border-radius: 3px; text-align: center; line-height: 32px; color: #FFF; margin-top: 10px; font-size: 0.8em; }
.odl_bigbg { width: 100%; height: 160px; border-radius: 3px; background-color: #F2F2F2; }
.odl_bigbg img { width: 60px; height: 60px; margin: 40px auto 10px auto; }
.odl_bigbg div { font-size: 0.8em; }
/*-------------------------------------------------------------------
                            提问
--------------------------------------------------------------------*/
.askSkin { width: 100%; background-color: #FFF; border-bottom: solid 1px #EBEBEB; }
.askSkin div { padding: 10px 4%; }
.askSkin div:nth-child(1) { border-bottom: solid 1px #EBEBEB; }
.askSkin input { border: none; outline: 0; font-family: "微软雅黑", "Microsoft YaHei UI"; font-size: 0.9em; color: #222; width: 100%; }
.askSkin textarea { width: 100%; height: 160px; border: none; outline: 0; color: #222; font-family: "微软雅黑", "Microsoft YaHei UI"; font-size: 0.9em; }
.askBtn { width: 92%; padding: 15px 4%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: #FFF; border-bottom: solid 1px #EBEBEB; font-size: 1em; }
.ab_btnSkin { width: 92%; padding: 10px 4%; text-align: right; }
a.ab_btn { font-size: 0.8em; background-color: #007aff; color: #FFF; width: 80px; height: 32px; display: inline-block; border-radius: 3px; text-align: center; line-height: 32px; }
/*-------------------------------------------------------------------
                            专题列表 
--------------------------------------------------------------------*/
.specialList{ width:100%;}
.specialList ul>li{ margin-bottom: 10px; position:relative; z-index:1;}
.specialList ul>li:last-child{ margin-bottom:0 !important;}
.specialList ul>li img{}
.specialList ul>li a>div{display: block; width: 100%; height: 40px; background-image: url(/static/v4/img/pic_bg.png); background-repeat: repeat-x; background-size: contain; background-position: center; font-size: 0.8em; color: #FFF; text-align: center; line-height: 40px; position: relative; z-index: 200; margin-top: -40px; }
.specialInfo{ padding: 15px 4%; width: 92%; background-color:#FFF; font-size: 0.9em; line-height: 1.4em; color: #666; text-align:justify; word-wrap:break-word;}
/*-------------------------------------------------------------------
                            行家入驻 
--------------------------------------------------------------------*/
.joinBanner{ width: 100%;}
.jb_text{ width: 92%; padding: 15px 4%; font-size:0.9em; line-height:1.4em; color: #666;}

.joinMain{ width: 92%; padding: 0px 4%;}
.jm_title{ font-size:0.9em; color:#222; padding:5px 0; font-weight:bold;}
.jm_inputSkin{ border: solid 1px #EBEBEB; border-radius: 3px; background-color:#F6F6F6; padding: 4px 2%; margin-bottom:15px;}
.jm_inputSkin input{ width:100%; height:24px; color:#222; font-family:"微软雅黑", "Microsoft YaHei UI"; font-size: 0.9em; border: none; outline: 0; background-color:transparent;}
.jm_inputSkin textarea{ width:100%; color:#222; font-family:"微软雅黑", "Microsoft YaHei UI"; font-size: 0.9em; border: none; outline: 0; background-color:transparent;}

.jm_checkbox{padding: 4px 0%; margin-bottom:15px;}
.jm_checkbox label{ font-size: 0.8em; color: #666; margin-bottom:10px;}
.jm_checkbox label>input{ position:relative; top: 3px; }
a.btn_join{ width: 100%; height:44px; background-color:#007aff; display:block; margin-top:15px; color:#FFF; text-align:center; line-height:44px; border-radius: 3px;}
/*-------------------------------------------------------------------
                            Toper
--------------------------------------------------------------------*/
.toperSkin { display: block; width: 100%; height: 44px; position: fixed; top: 0px; left: 0px; background-color: #FFF; border-bottom: solid 1px #EBEBEB; z-index: 9999; }
.toper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 1em; padding: 0 4%; }
.toper img { width: 30px; height: 30px; margin: 6px auto; border-radius: 6px; margin-right: 8px; border: solid 1px #CCC;}
/*-------------------------------------------------------------------
                            Footer
--------------------------------------------------------------------*/
.footerSkin { display: block; width: 100%; height: 44px; position: fixed; bottom: 0px; left: 0px; background-color: rgba(255,255,255,0.98); border-top: solid 1px #ebebeb; z-index: 2; -webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.10); box-shadow: 0 0px 20px rgba(0,0,0,0.10); }
.footer>ul { display: flex; flex-direction: row; justify-content: space-around; align-items: center; }
.footer img { width: 24px; height: 24px; margin-top: 4px; }
.footer>ul>li { font-size: 0.6em; text-align: center; color: #222; width:20%  }
.footer>ul>li a { display: block; color: #222; }

/*-------------------------------------------------------------------
                            update20170627
--------------------------------------------------------------------*/

.mark_title_ad { width: 30px; height: 20px; border-radius: 3px; text-align: center; line-height: 20px; background-color: #999; font-size: 10px; margin-right: 5px; color: #FFF; display: inline-block; position: relative; top: -2px; }



.newBanner{ width:100%; overflow:hidden;}
.bannerFunction{ width: 92%; padding:0 4%;}

.bannerFunction>ul{ display:flex; flex-direction:row; justify-content: space-around; align-items:center;}
.bannerFunction>ul>li{ font-size: 0.8em; text-align:center; padding-bottom:15px; padding-top:5px; font-weight:bold;}
.bannerFunction>ul>li:nth-child(2n){border-right: solid 1px #F4F4F4; height:24px;}
/*
.bannerFunction>ul>li:last-child{ color:#999;}
*/
.bannerFunction img{width: 24px; height:24px; margin: 10px auto 5px auto; display:inline-block;}
.odlAD img{ border-radius:3px;}


/*导航*/
.groupNav { width:92%; padding: 0 4%; background-color: #FFF; position: fixed; top: 44px; left:0px; z-index: 9999; border-bottom: solid 1px #EEE; }
.groupNav>ul { display: flex; justify-content: center; flex-direction: row; }
.groupNav>ul>li { width: 20%; float: left; text-align: center; font-size: 0.8em; }
.groupNav>ul>li a { display: block; padding: 1em 0; }
.groupNav>ul>li a.on { border-bottom: solid 2px #007aff; color: #007aff; }

/*行家列表*/
.hjList { width: 92%; padding: 15px 4%;}
.hjList>ul>li{ display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; width:100%; padding-top:15px;}
.hjList>ul>li:first-child{ padding-top:0;}
.hjl_left{}
.hjl_right{ width: 80%; border-bottom: solid 1px #EBEBEB; padding-bottom:15px; }
.hjList .title { font-size: 1.1em; color: #222; margin-bottom: 5px; }
.hjList .subtitle { font-size: 0.8em; color: #999; margin-bottom: 5px; }
.hjList .hj_face { width: 48px; height: 48px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 100%; margin-right:10px; }

/*-------------------------------------------------------------------
                        update20170629
--------------------------------------------------------------------*/
.quickSkin{ width: 92%; padding:20px 4%; text-align:center; background-image:url(/static/v4/img/banner1.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.quickSkin img{ border-radius:3px; border: solid 1px #EBEBEB;}
.qs_title{ font-size: 1.2em; font-weight: bold; color: #222; margin-bottom:5px;}
.qs_subtitle{ font-size: 0.8em; color: #999;}

.maskGroup2 { padding: 0px 0px; height: 24px; }
.maskGroup2 span { font-size: 0.8em; border-radius: 20px; background-color: #00a651; color: #FFF; background-image: url(/static/v4/img/icon_mask2.png); background-repeat: no-repeat; background-size: 16px; background-position: 6px; padding: 3px 8px 3px 22px; }

/*-------------------------------------------------------------------
                        update20170704
--------------------------------------------------------------------*/
.qnaList_title { font-size: 1.0em; color: #222; line-height: 1.6em; margin: 8px auto; width: 100%;  word-wrap: break-word; }
.qnaList_title p{ margin-bottom:10px;}

/*-------------------------------------------------------------------
                        update20170711
--------------------------------------------------------------------*/
.spb_left img,.spb_right img{ width: 36px; margin-right:5px; position:relative; top: -3px;}
.spb_left a,.spb_right a{color: #FFF; display:block;}
.spb_left{ display:block; width:100%; margin:0 5px 0 0; height: 80px; border-radius: 3px; background-image:url(/static/v4/img/icon_lighting.png); background-repeat:no-repeat; background-size:cover; background-position:center; color:#FFF; text-align:center; line-height:80px; font-size:1em;}
.spb_right{ display:block; width:100%; margin:0 0 0 5px; height: 80px; border-radius: 3px; background-image:url(/static/v4/img/icon_display.png); background-repeat:no-repeat; background-size:cover; background-position:center; color:#FFF; text-align:center; line-height:80px; font-size:1em;}

/*-------------------------------------------------------------------
                         update20170726
--------------------------------------------------------------------*/
/*专题*/
h1,h2,h3,h4,h5,h6{ padding:0; margin:0;}
.spec_title{ background-color:#FFF; padding: 15px 4%; font-size: 1.2em; text-align:center; font-weight:bold;}
.spec_subtitle{ background-color:#FFF; color: #999; font-size: 0.9em; text-align:center; padding-bottom: 15px;}
.spec_info{ background-color:#FFF; color: #666; font-size: 0.9em; padding:0 4% 15px 4%; text-align:center;}

/*观点*/
.pointList{ padding: 0 4%;}
.pointList>ul>li{ margin-bottom: 15px;}
.onePoint{ background-color: #FFF; border-radius: 10px; padding: 12px 4%; -webkit-box-shadow: 0px 4px 10px rgba(0,0,0,0.10); box-shadow: 0px 4px 10px rgba(0,0,0,0.10); }
.opImg{ width: 32px; height: 32px; display:block; border-radius:16px; margin-right: 8px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.opImgTitle{ font-size:0.9em; color:#999;}
.op_title{ margin:5px auto 0px auto; font-size:1.0em; color:#000; font-weight:bold;}
.op_desc { font-size: 0.9em; color: #666; margin:5px auto 10px auto; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; word-wrap: break-word;  }
.op_textSkin{ width: 220px;}

.centerTitle{ font-size: 1.0em; color:#000; font-weight: bold; text-align:center; padding: 15px 4%;}
.centerTitle img{ width: 20px; height: 20px; margin-right:5px; position:relative; top: -1px;}


/*-------------------------------------------------------------------
                                咨询
--------------------------------------------------------------------*/
.advTitle{ padding: 10px 4%; color:#999; font-size: 0.8em;}
.advRadioBox{ padding:0 4% 10px 4%; color:#000; font-size: 1em;}
.advTextarea{ margin: 0 4%; background-color:#FFF; border-radius:3px; border:solid 1px #ebebeb;}
.advTextarea textarea{ width: 96%; padding:8px 2%; height:120px; border:none; outline:0; border-radius: 3px;}

.advInputGroup{ padding:0 4% 10px 4%;}
.advInputGroup>ul{ background-color:#FFF; border-radius:3px; border:solid 1px #ebebeb;}
.advInputGroup>ul>li{ display:flex; flex-direction:row; justify-content: flex-start; align-items:center; height: 52px; border-bottom: solid 1px #ebebeb;}
.advInputGroup>ul>li:last-child{ border-bottom:none;}
.advInputGroup>ul>li div:nth-child(1){ width:60px; text-align:center; font-size:1em;}
.advInputGroup>ul>li div:nth-child(2){ width:76%;}
.advInputGroup>ul>li input{ width:96%; padding:0 2%; height:42px; border:none; outline:0;}
a.btnAdv{ width: 92%; margin: 10px 4%; text-align:center; height: 44px; line-height:44px; color:#FFF; background-color:#007aff; display:block; border-radius: 3px;}


/*-------------------------------------------------------------------
                                机构号
--------------------------------------------------------------------*/
.agencyBanner { width: 100%; height: 136px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 2; position:relative; opacity:0.5; }
.agencyBanner_bg{ width: 100%; height: 136px; background-color:#000; display:block; position:absolute; z-index:1; top:44px; left:0px;}
.abFace{ padding:0 4%; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; position: absolute; top:106px; z-index:3; color:#FFF;}
.abmPic{ width: 52px; height:52px; display:block; background-color:#000; border: solid 2px #FFF; border-radius: 10px; margin-right:10px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.abMain { padding: 15px 4%; background-color: #FFF; }
.admMark{ color:#000; font-weight:bold; margin-bottom:5px; font-size: 0.8em;}
.admMark img{ width: 24px; height:24px; position:relative; top:-2px; margin-right:5px;}
.admDesc{ word-wrap:break-word; color:#666; font-size:0.8em; line-height:1.6em; margin-bottom:20px;}
.btnGroup{ width:100%; display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-bottom:10px;}
a.btn1{ width:48%; height:44px; border-radius:22px; background-color:#EBEBEB; display:block; color:#007aff; text-align:center; line-height:44px;}
a.btn2{ width:48%; height:44px; border-radius:22px; background-color:#007aff; display:block; color:#FFF; text-align:center; line-height:44px;}

.admUserList{ padding:12px 0;}
.oneHj a{ display:flex; flex-direction:column; background-color:#FFF; justify-content:center; align-items: center;}
.ohjFace{ width:52px; height: 52px; border-radius:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ohjTitle{ font-size: 0.8em; color:#000; margin:3px 0;}
.ohjSubtitle{ font-size: 0.8em; color: #999;}

/*-------------------------------------------------------------------
                                机构号列表
--------------------------------------------------------------------*/
.agencyList{ padding: 10px 4%;}
.agencyList>ul>li{ margin-bottom:20px;}
.agencyList>ul>li:last-child{ margin-bottom:0px;}
.oneAgencyList{ -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.10); box-shadow: 0px 5px 15px rgba(0,0,0,0.10); border-radius:10px; }
.one_alistBlack{ background-color:#000; width:100%; height:120px; display:block; position:relative; z-index: 1; border-top-left-radius:10px; border-top-right-radius:10px;}
.one_alistBanner{width:100%; height:120px; display:block; position: relative; z-index: 2; border-top-left-radius:10px; border-top-right-radius:10px; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:0.5; }

.oabFace{ padding:0 5%; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; position: absolute; z-index:3; color:#FFF; margin:-100px 0 0 0;}
.oabHj{ height: 60px; background-color:#FFF; border-bottom-left-radius:10px; border-bottom-right-radius: 10px; width:92%; padding: 0 4%;}
.oabHjFace{color:#999; font-size:0.8em;}
.oabHjFace>ul{ margin-right:20px; display:flex; flex-direction:row; justify-content:flex-start;}
.oabHjFace>ul>li{ position:relative; z-index:1; width:24px; }
.oabhPic{ width:30px; height:30px; border-radius:15px; background-position:center; background-repeat:no-repeat; background-size:cover; display:block;}
a.btnGray{ display:block; background-color:#ebebeb; font-size: 0.8em; width: 60px; height:30px; line-height:30px; text-align:center; border-radius: 15px; color:#007aff;}


/*-------------------------------------------------------------------
                                End
--------------------------------------------------------------------*/

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer { width: 100%; padding-left: 0%; padding-right: 0%; clear: none; float: none; margin-left: auto; }
#div1 { max-width: 768px; }
.zeroMargin_tablet { margin-left: 0; }
.hide_tablet { display: none; }
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer { width: 100%; max-width: 1232px; padding-left: 0%; padding-right: 0%; margin: auto; clear: none; float: none; margin-left: auto; }
#div1 { max-width: 960px; }
.zeroMargin_desktop { margin-left: 0; }
.hide_desktop { display: none; }
}
 @-webkit-keyframes imgAnimation {
 0% {
opacity: 0;
top: 50px;
}
 50% {
opacity: 0;
top: 50px;
}
 100% {
opacity: 1;
top: 0px;
}
}

@media only screen and (min-width: 321px) {
.a_comment .picGroup ul li img { border-radius: 2px; width: 100%; height: 103px; }
/*字体*/
.comm_Title { font-size: 1.1em !important; }
.hj_right { width: 79% !important; }
.odl_picList>ul>li div { height: 75px !important; }
.swiper-container { height: 113px !important; }
.topicPic div { margin-top: 74px !important; }
.hjl_right{ width: 83% !important;}
.op_textSkin{ width: 270px;}
}

@media only screen and (min-width: 376px) {
.a_comment .picGroup ul li img { border-radius: 2px; width: 100%; height: 114px; }
/*字体*/
.comm_Title { font-size: 1.2em !important; }
.comm_subTitle { font-size: 0.9em !important; }
.hj_right { width: 81% !important; }
.odl_picList>ul>li div { height: 86px !important; }
.swiper-container { height: 128px !important; }
.topicPic div { margin-top: 86px !important; }
.hjl_right{ width: 85% !important;}

.spb_left{ height: 92px; line-height:92px;}
.spb_right{ height: 92px; line-height:92px;}
.op_textSkin{ width: 310px;}
}