@charset "utf-8";
/* CSS Document */


body {margin:0 auto;padding:0;background:#fff;font-size:16px;font-family:"微软雅黑",Microsoft yahei;min-width:1200px;}


div, form,h1,h2,h3,h4,h5,dl,dd,dt,table,p,img,ul,li,ol{margin:0;padding:0}
img,ul,li,ol{margin:0;padding:0;border:0;}
ul,ol {list-style:none}
ul,li,dl,p,input,font{margin:0;}
b {font-weight:normal;}
p{white-space:normal;}


li {list-style-position:outside;list-style-type:none;}
h2 {margin:0;padding:0;font-weight:bold}

div.autoheight {font:0px/0px sans-serif;clear:both;display:block}

h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}

a:link,a:visited {text-decoration:none;color:#333}
a:active,a:hover {text-decoration:none;color:#f00}
img {border:none}

a.orange:link,a.orange:visited {text-decoration:none;color:#F30;}
a.orange:active,a.orange:hover {text-decoration:none;color:#f00;}

a.red:link,a.red:visited {text-decoration:none;color:#f00}
a.red:active,a.red:hover {text-decoration:underline;color:#f00}


a.infotextkey:link,a.infotextkey:visited {text-decoration:underline;color:#f30;}
a.infotextkey:active,a.infotextkey:hover {text-decoration:none;color:#f30;}

a.blue:link,a.blue:visited {text-decoration:none;color:#0A67B4}
a.blue:active,a.blue:hover {text-decoration:underline;color:#f30}



a.yellow:link,a.yellow:visited {text-decoration:none;color:#ff0}
a.yellow:active,a.yellow:hover {text-decoration:underline;color:#fff;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both; overflow: hidden;}
.mt15{ margin-top: 15px;}


.block {display:none}
.bbs_iocn,.activit_iocn{ display: flex;}

.wrap {width:1200px;margin:0 auto; text-align: left;position: relative;}
#header {clear:both;height:auto;margin:0 auto;text-align:center;width:1200px;float:left;}
#header .topbanner {margin:5px 0 5px;  clear: both; overflow: hidden;display: inline-block;width: 1200px;}
#header .topbanner ul {float:left;width:950px;}
#header .topbanner ul li {display:inline;height:60px;}
#header .topbanner ul li.else1{float:left; width: 468px; height: 60px; overflow: hidden;}
#header .topbanner ul li.else2{float:right; width: 468px; height: 60px; overflow: hidden;}
#header .banner950{ float: left;}

#header .logo {height:64px;margin-top:5px;width:100%;}
#header .logo .logoleft{float:left;margin-top:6px;text-align:center;display:inline;width: 440px;/*width: 340px;*/}

#header .logo .logoleft .subtitle{ font-size:28px; font-weight:normal; float: left; line-height: 46px; }
#header .logo .logoleft .line-yuan{ width:6px; height: 6px; border-radius: 50%; float: left; margin:20px 15px; display: block; background: #444;}
#header .logo .bigbanner {float:left; twidth:758px;text-align:right}
.topbanner468 { float: left !important;  margin-left: 72px;}
.bannertop758{float: right !important;/*margin-right: 60px;*/ }
.top-keyWords{border-bottom: 1px solid #e4e4e4;  margin-bottom: 10px; height: 44px;position: absolute;top: 215px;background: #fff;width: 100%;}
.top-keyWords ul li{ float:left; font-size: 14px; margin:10px 20px 15px 0; display: inline-block;line-height: 24px;}
.top-keyWords ul li::after{ content: "/"; display: inline-block; padding-left: 20px; color: #e4e4e4;}
.content-channel2019{ clear: both; overflow: hidden; margin-top: 15px;}
.content-channel2019-left{ width: 840px; float: left;}
.tabmenu{ height: 48px; line-height: 48px; background: #ededed; margin-bottom: 20px;}
.tabmenu ul li{float:left; text-align: center;}
.tabmenu ul li a{width:120px;display: inline-block;}
.tabmenu ul li a:hover{background:#5999da; color:#fff; }
.tabmenu .curr a{ background:#0366cc; color:#fff;}
.power_tabmenu ul li a{width: auto !important; padding: 0 13px !important;}
.embed_tabmenu ul li a{width: 88px !important;}
.iot_tabmenu ul li a{width: 101px !important;}
.newitem ul li{border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; text-align: left; margin-bottom: 20px; font-size: 15px; display: inline-block;width: 100%;}
.newitem ul li .coverImg{ width: 200px; height: 125px; float: left; margin-right: 15px;}
.newitem ul li .coverImg img{ width: 200px; height: 125px; }
.newitem ul li h2{ font-size: 20px; font-weight:normal; height: 28px; line-height:28px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.newitem ul li .text-description{ color:#959595; line-height: 24px; overflow: hidden; margin: 14px 0; text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.newitem .bottom-line{color:#959595;overflow: hidden; height: 24px; line-height: 24px;}
.newitem .bottom-line .release-time{ float:left;}
.bbt-dot{width: 4px; height: 4px; display: inline-block; background: rgba(0,0,0,.08); border-radius: 50%; float: left; margin: 12px 8px 0 8px; vertical-align: middle;}
.newitem .bottom-line .article-keyword{}
.newitem .bottom-line .article-keyword a{ color: #4d7fd0;background: rgb(228, 243, 255);padding: 4px 8px; font-size: 12px; line-height: 18px;  border-radius: 100px;  padding: 3px 12px;  margin-right: 8px;    display: inline-block;  transition: all .3s ease; font-weight: 500;}
.newitem .bottom-line .article-keyword a:hover{ color:#1c4ea0;}


.content-channel2019-left .page {float:left;width:670px;font-size:15px;line-height:26px;margin: 30px auto 40px;}
.content-channel2019-left .page a {padding:5px 12px; border:1px solid #e4e4e4; display: inline-block; margin-bottom: 5px;}
.content-channel2019-left .page a:hover {background:#0366cc;color:#fff;}
.content-channel2019-left .page b {font-weight:bold;color:#0366cc;padding:5px 12px;}
.content-channel2019-left .page .active{background:#0366cc;color:#fff; border: 1px solid #0366cc;}

.content-channel2019-right{ width: 340px; float:right;}
.sidebar-list{ margin-bottom:15px;}
.sidebar-list .activity-set{height: 285px;overflow: hidden; }
.sidebar-list .activity-set ul li{ font-size: 15px; margin-bottom: 10px;height: 22px; line-height:22px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding-left:10px;background:url('/images/list_icon2.gif') no-repeat -7px 4px;}
.sidebar-list .activity-set .no1{ margin-bottom: 10px; text-align: center;}
.sidebar-list .activity-set .no1 p{height: 22px; line-height:22px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sidebar-listTop{  height: 54px;  color: #000;  font-size: 22px; margin-bottom: 15px; background:  url(//misc.21ic.com/homepage2016/images/cont_r_t1.jpg) repeat-x 0 -1px;}
.sidebar-listTop span{float: right; margin-right: 16px;  font-size: 13px;  line-height: 30px;  background: Url(//misc.21ic.com/homepage2016/images/cont_more.jpg) no-repeat right 10px;   padding-right: 18px; margin-top: 12px;}
.sidebar-listTop h3 {float: left; line-height: 54px; color: #000;  font-size: 22px;  background: url(//misc.21ic.com/homepage2016/images/cont_r_t2.jpg) repeat-x 0 -1px;  padding: 0 20px; font-weight: normal;   letter-spacing: 2px;}
.sidebar-list .related-tags { clear:both; overflow: hidden;}
.sidebar-list .related-tags li{ float:left; margin: 0 8px 10px 0;}
.sidebar-list .related-tags li a{ line-height:30px; height: 30px; padding: 0 15px; background: #f2f2f2;  border: 1px solid #e6e6e6;border-radius: 20px; display: inline-block;font-size: 15px;}
.sidebar-list .right-open{}
.sidebar-list .right-open li{ margin-bottom: 15px; text-align: center;}
.sidebar-list .right-open li img{width: 260px; height: 163px;  border-radius: 10px;}
.sidebar-list .right-open li p{ display: block;  line-height: 20px;  height: 40px;  overflow: hidden; text-align: center; margin-top: 5px; font-size: 15px;}

.tab-open-course li { margin-top: 20px; clear: both; overflow: hidden;}
.tab-open-course .course-img { float: left; width:150px; height: 94px;  border-radius: 6px;  overflow: hidden;  position: relative;}
.tab-open-course .course-img img{ width:100%; height: 100%;}
.tab-open-course .course-content { margin-left: 170px; height: 94px; position: relative;  box-sizing: border-box;  font-size: 12px;  line-height: 18px;  border-bottom: 1px solid #e4e4e4;}
.tab-open-course .course-content h2{ font-size: 20px; font-weight: normal;  height: 28px;  line-height: 28px;  white-space: nowrap;}
.tab-open-course .course-content  .aside-course-people{color:#959595; margin-top: 25px; font-size: 16px;}
.tab-open-course li h2:hover{color:#0366cc;}

.tab-project-list li{ margin-top: 20px; border-bottom: 1px solid #e4e4e4;  clear: both; overflow: hidden;}
.tab-project-list h3{font-size: 20px; font-weight: normal;  height: 28px;  line-height: 28px; }
.tab-project-list h3:hover{color:#0366cc;}
.tab-project-list .project-content{color:#959595;  line-height: 24px; margin: 14px 0;clear: both; overflow: hidden;font-size: 14px;}
.tab-project-list .project-content p{ float:left; margin-right: 25px;}
.tab-project-list .project-content p b{ color:#ff5400; font-weight: bold;}

.tab-dl-list li{ margin-top: 20px; border-bottom: 1px solid #e4e4e4; clear: both; overflow: hidden; position: relative;}
.tab-dl-list h3{font-size: 20px; font-weight: normal;  height: 28px;  line-height: 28px;max-width: 600px;  overflow: hidden; text-decoration: inherit; white-space: nowrap; text-overflow: ellipsis;}
.tab-dl-list h3 a:hover{color:#0366cc;}
.tab-dl-list .dl-content{color:#959595;  line-height: 24px; margin: 14px 0;clear: both; overflow: hidden;font-size: 14px;}
.tab-dl-list .dl-content p{ float:left; margin-right: 25px;}
.tab-dl-list .dl-content p b{ color:#ff5400; font-weight: bold;}
.tab-dl-list li .dl-btn{  font-size: 14px;   position: absolute; right: 0; top:8px;}
.tab-dl-list li .dl-btn a { color: #fff; background: #6DAE2B;  padding: 5px 14px;  border-radius: 3px;}
.tab-dl-list li .dl-btn a:hover {background:#f60;}
.sidebar-list .activity-set ul li{ text-align:left !important;}
.sidebar-list .activity-set .no1  img{ text-align: center; margin: 0 auto;width: 250px; height: 90px;}
.related-tags h2{ float:left;  border: solid 1px #ccc;  border-radius: 5px;  padding: 5px 10px;font-weight: normal; margin: 0 8px 15px 0;}
.related-tags h2 a:hover{}

#content_position{ margin:15px 0 10px; line-height: 20px;font-size: 15px; color: #666; display: inline-block;}
#content_position a{ color:#666;}
#content_position a:hover{color:#0A67B4;}
.article-personal{ border:1px solid #ddd; padding: 15px 0; text-align: center;margin-bottom: 15px;}
.article-personal .author-photo{ width:80px; height: 80px; border-radius: 50%;  text-align: center; margin: 0 auto;position: relative;}
.article-personal .author-photo img{ width:100%; height: 100%;  border-radius: 50%;border: 1px solid #e4e5e7; }
.article-personal .author-photo .original_talent{position: absolute; bottom: 2px; right: 0px;width: 21px; height: 21px;background: url(//bbs.21ic.com/qstatic/image/forum/vip1.png) no-repeat;}
.article-personal h3{ font-size:20px; font-weight: normal; margin: 15px 0;}
.article-personal .art-Number{font-size:14px; color:#888;height: 20px; margin-bottom: 15px; padding: 0 20px;}
.article-personal .art-Number p{ width:49%; float:left;}
.article-personal .art-Number p span{ font-size:18px; color:#f60;}
.article-personal .attention-Number{ width:70%; margin: 15px auto;}
.article-personal .attention-Number p span{ font-size:16px; color:#000;}
.article-personal .border-r{ border-right: 1px solid #ddd;}
.article-personal .attention-btn{}
.article-personal .attention-btn a{ background: #f60; height: 24px; line-height: 24px !important; border-radius: 2px; width:60px; color: #fff; display: inline-block;}
.article-personal .attention-btn a:hover{background: #0664C6; }
.article-personal .post-article-btn{  height: 46px; line-height: 46px; width: 150px;text-align: center; display: inline-block;margin: 15px auto 5px;}
.article-personal .post-article-btn a{ background: #0667c6;color: #fff; display: block; border-radius: 4px;}
.article-personal .post-article-btn a:hover{ background:#f60; }
.entrance-article{ margin-bottom: 15px;}
.entrance-article a{background: #f60;color: #fff; width: 100%; display: block; height: 44px; line-height: 44px; border-radius: 40px; text-align: center;}
.entrance-article a:hover{background:#0667c6;color: #fff; }

/*-----------频道首页左侧方形广告----------*/
.Item_first_rightbanner{}
.Item_first_rightbanner .firstBanner_size{float:left;  margin-right: 15px;}
.Item_first_rightbanner>h2 {height:56px  !important;  white-space:normal !important;}
.Item_first_rightbanner .set_btoomKeyword{ color: #959595;}
.Item_first_rightbanner .set_btoomKeyword a { color: #0366cc; margin-right: 10px;}
.Item_first_rightbanner .set_btoomKeyword a:hover{ color:#f00;}
.Item_first_rightbanner .set_time{ padding: 20px 0 0; color: #959595; }
.right_banner340{ text-align: center; margin-bottom: 15px;overflow: hidden;}
.right_banner340 .titext li{text-align: left;  line-height: 25px;  height: 25px;   overflow: hidden;   background: url(../images/square.jpg) no-repeat 4px 10px;  padding-left: 4px;
    border-bottom: solid 1px #E4E4E4;color: #333;    margin: 6px 0; font-size:15px;}

.Item_first_rightbanner .firstBanner_embed{width: 470px; height: 314px;}
.Item_first_rightbanner .firstBanner_mcu{width: 300px; height: 250px;}
.setUp_embed{ height: 314px;}
.setUp_embed .text-description{ height:167px !important;}
.setUp_mcu{ height: 250px;}
.setUp_mcu .text-description{ height:100px !important;}
.setUp_iot{ height: 250px;}
.setUp_iot .text-description{ height:100px !important;}
.setUp_power{ height: 250px;}
.setUp_power .text-description{ height:100px !important;}


#embed_topLoginbox .s_nav{float:left;width:235px;height:60px;}
#embed_topLoginbox .s_nav li{float:left;width:50px;margin:0 8px;background-image:url(../images/home_icon.gif);background-repeat:no-repeat}
#embed_topLoginbox .s_nav li{margin:0 4px}
#embed_topLoginbox .logoright ul.s_nav li a{ font-size:13px;float:left;display:block;padding-top:42px;text-align:center;width:50px;height:20px;line-height:20px}
#embed_topLoginbox .s_nav li.btn1{background-position:-11px 0}
#embed_topLoginbox .s_nav li.btn2{background-position:-68px 0}
#embed_topLoginbox .s_nav li.btn3{background-position:-125px 0}
#embed_topLoginbox .s_nav li.btn4{background-position:-182px 0}
#embed_topLoginbox .login_after{float:left;width:235px;height:60px;background:#f7f7f7;font-size: 13px;}
#embed_topLoginbox .login_after .login_img{float:left;width:70px;height:60px;overflow:hidden;text-align:center;line-height:18px;margin:0 6px}
#embed_topLoginbox .login_after .login_img img{width:25px;height:25px;padding:2px;border:solid 1px #eee;margin-top:6px}
#embed_topLoginbox .login_after .login_img p{text-align:center;padding:0 3px;line-height:20px; background: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#embed_topLoginbox .login_after .login_img a{color:#1270c7;}
#embed_topLoginbox .login_after .login_img a:hover{color:#039;}
#embed_topLoginbox .login_after .login_mid{float:left;width:80px;text-align:left;margin-top:5px}
#embed_topLoginbox .login_after .login_right{float:right;width:62px;text-align:left;margin-top:5px}
#embed_topLoginbox .login_after p{padding-left:24px;line-height:26px;background-image:url(../images/home_icon.gif);background-repeat:no-repeat}
#embed_topLoginbox .login_after p a{ color: #555;}
#embed_topLoginbox .login_after p a:hover{color:#41b5fc;}
#embed_topLoginbox .login_after p.link1{background-position:-2px -125px;}
#embed_topLoginbox .login_after p.link2{background-position:-2px -158px;}
#embed_topLoginbox .login_after p.link3{background-position:-2px -220px;}
#embed_topLoginbox .login_after p.link4{background-position:-2px -188px;}
#embed_topLoginbox .login_after p.link4 a{color:#ec6404}
#embed_topLoginbox .login_after p.link4 a:hover{color:#039}
.logoright { float: right; width: 235px; text-align: center;}
#embed_topLoginbox .s_nav{ width: 235px!important;}

.article_group_right{position: fixed;right: 10px;bottom: 40%;}
.article_group_right a {display: block;cursor: pointer;text-align: right;font-size: 12px;color: #999;width: 110px;}

.tisystem_tage_r a{background:#c00 !important;border: 1px solid #c00!important;color: #fff;}
.tisystem_tage_r a:hover{background: #ee0000!important;border: 1px solid #c00!important;color: #fff!important;}
.tisystem_articleView{border: 1px solid #e4e4e4;margin: 20px 0 0px 20px;width: 800px;display: inline-block; }
.tisystem_articleView_tilogo{float: left;text-align: center;width: 225px;border-right: 1px solid #e4e4e4;background: #fff;height: 74px;}
.tisystem_articleView_tilogo img{width: 90%; margin: 25px auto;}
.tisystem_articleView_moreBtn{background: #f9f9f9;padding: 18px 0;float: left;width: 574px;}
.tisystem_articleView_moreBtn a{width: 165px; height: 38px;text-align: center; line-height: 38px; background: #c00;color: #fff;border-radius: 2px;float: left; margin: 0 12px;}
.tisystem_articleView_moreBtn a:hover{background: #ee0000;color: #fff;}
.tisystem_tagespage_r{padding: 0 20px;}
.tisystem_tagespage_r .subTitle{color:  #007c8c;font-size: 18px;font-weight: 800;}
.tisystem_tagespage_r .subTitle a{color:  #007c8c;}
.tisystem_tagespage_r .subTitle a:hover{text-decoration: underline;}
.tisystem_tagespage_r p{margin: 0px 0 10px;font-size: 15px;}
.tisystem_tagespage_r .product_link{border:1px solid #cc0000;background: #fff;color: #cc0000;display: inline-block;padding: 0 6px; border-radius: 2px;}
.tisystem_tagespage_r .product_link:hover{background: #c00;color: #fff;border:1px solid #c00;}
.tisystem_tagespage_r .product_img{width: 250px; height: 156px; overflow: hidden; margin: 6px auto 10px;border: 1px solid #ccc;}
.tisystem_tagespage_r .product_img img{width: 100%;height: 100%;}

/*---厂商----*/
.revision2020_left{width: 870px;position: relative;}
.content2016_main{position: relative;}
.revision2020{margin-left: 160px;}
.m-left0{margin-left: 0;}
.revision2020-right{width: 300px;}
.side_menu{width: 135px;background: #fff;position: absolute;left: 0;border: 1px solid #e4e4e4;border-top: 3px solid #0366cc;top: 0;}
.side_menu ul{max-height: 530px;overflow-y: auto;overflow-x: hidden;padding-bottom: 35px;}
.side_menu ul li{text-align: center;margin: 0px; }
.side_menu ul li a{display: block;padding: 6px 3px;    font-size: 14px;white-space: nowrap;word-break: break-all;text-overflow: ellipsis; overflow: hidden;width: 112px;height: 20px;line-height: 20px; display: inline-block;}
.side_menu ul li a:hover{color: #335acc;background: #eaf0fe;padding: 6px 3px;}
.side_menu .cur{color: #335acc;background: #eaf0fe;display: block;padding: 6px 0;font-size: 18px;font-weight: bold;}
.side_menu .side_more{position: absolute;z-index: 55;bottom: 0;background: #fff;width: 118px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;}
.side_menu .side_more a{color: #7c8ba1; display: block;}
.side_menu .side_more a:hover{color: #335acc;background: #eaf0fe;}
.side_menu ul li a span{margin-left: 4px;font-size: 12px; color: #a1a1a1;}
.side_menu h1{background: #0366cc;text-align: center; color: #fff;font-size: 28px;font-weight: normal;height: 57px;line-height: 57px;}

.channel_left_menu ul{overflow-y: hidden; height: auto !important;}
.channel_left_menu ul li a{width: 100%;}
.channel_left_menu .cur{width: 135px;}
.channel_left_menu .side_more{width: 100%;}

.revision2020 ul li .text-description{ font-size: 14px; color: #999;  line-height: 25px;max-height: 25px; margin-top: 6px; margin-bottom: 6px;  word-break: break-all; text-overflow: ellipsis; display: -webkit-box;
    -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  overflow: hidden;}
.revision2020 ul li .coverImg{width: 160px; height: 100px; border: 1px solid #efefef;}
.revision2020 ul li .coverImg img{width: 160px; height: 100px;}
.revision2020 ul li h3{ height: 30px; line-height: 30px; font-size: 20px; font-weight: normal; word-break: break-all; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all;
    text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  }
.revision2020 .bottom-line{margin-top: 15px;font-size: 14px; height: 26px;line-height: 26px;}
.revision2020 .info_type{border: 1px solid #0366cc;border-radius: 4px;color: #0366cc;padding: 0px 6px;line-height: 24px;height: 24px;display: inline-block;float: left;margin-right: 5px;}
.revision2020 .info_type:hover{background: #0366cc;color: #fff!important;}
.tabmenu2020{width: 710px; margin-left: 160px;}
.tabmenu ul li a{width: 118px;}

.revision-open2020 li{clear: both;overflow: hidden;margin-bottom: 22px;}
.revision-open2020 li img {width: 110px !important; height: 69px !important; border-radius: 4px !important; float: left;border: 1px solid #efefef;}
.revision-open2020 li p{margin-top:0;margin-left: 10px;float: left;width: 178px !important;text-align: left !important;font-size: 15px;}

/*---聚合搜索----*/
.super-search-about{padding: 20px;background: #F3F3F3;margin-bottom: 10px;margin-top: 5px; width:1160px; float: left;}
.super-search-about .avatar-container-200{text-align: center;width:200px;_max-width:100%;max-height: 120px; background: none; float: left; position: relative; justify-content: center;margin-right: 20px;display: flex;
    display:-webkit-flex; -webkit-align-items:center; align-items: center;box-sizing: border-box;}
.super-search-about .avatar-container-200 img{max-width: 200px;max-height: 120px;box-sizing: border-box;}
.super-search-about .juehe-top-r{ line-height: 26px;width: fit-content;font-size: 15px;}
.super-search-about .juehe-top-r h1{font-size: 26px; display: inline-block;vertical-align: middle;}
.super-search-about .tage_introduce{display:table;margin-top: 15px;}
.super-search-about .tage_introduce .about_stretch{overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-box-orient: vertical;}
.super-search-about .tage_introduce .more{background:#0366cc;color: #fff;border-radius: 20px; padding: 0px 15px;display: inline-block; text-align: right;float: right;}
.super-search-title-only{background: #dae8f5;}
.super-search-title-only h1{margin-bottom: 0 !important;background: url(../images/tag-icon.png) no-repeat;padding-left: 35px;}
.tag_follow{display: inline-block;vertical-align: middle;}
.tag_follow a{width: 58px; height: 26px; text-align: center; line-height: 26px; color: #fff; border-radius: 26px; background: #d91100; display: inline-block; font-size: 15px;  font-weight: normal;  vertical-align: middle;  font-style: normal; margin-left: 10px; }
.tag_follow a:hover{color: #fff;}
.tag_follow .f-font{display: inline-block;vertical-align: middle;}
.tag_follow .f-font b{font-weight: bold;margin-left: 10px; }
.tag_follow .on{background-color: #c9c9c9; color: #333;}
.tag_follow .on:hover{ color: #333;}
.use-follow{max-height: 150px;overflow: hidden;}
.use-follow li{float: left; margin: 10px 17px 0 17px; overflow: hidden; width: 50px; text-align: center;}
.use-follow li img { width: 40px; height: 40px;border-radius: 50%;margin-bottom: 2px;}
.use-follow li p{width: 100%; line-height: 18px;  text-align: center;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px;color: #929292;}
.follow-nob{font-size: 16px;}
.juhe_tab{height:40px; line-height: 40px; padding: 12px 0 7px;background:  #fff;box-shadow: 0 0 6px #ccc;margin-bottom: 25px;}
.juhe_tab ul li{float: left;margin: 0 26px;}
.juhe_tab ul li a{font-weight: bold;}
.juhe_tab ul li a:hover{color: #0366cc;padding-bottom: 10px;font-size: 16px;}
.juhe_tab ul li .cur{border-bottom: 2px solid #0366cc;color: #0366cc;padding-bottom: 10px;}
.juhe-box-plate { margin-bottom: 30px;font-size: 15px;color: #333;}
.juhe-box-plate>h4{font-size: 16px;font-weight: bold;margin-bottom: 20px;}
.chang_desc{line-height: 26px;}
.ju-list-related ul{clear: both; overflow: hidden;}
.ju-list-related ul li{width: 130px;float: left; padding: 10px; border: 1px solid #e4e4e4; border-radius: 4px; margin: 5px 16px 10px 0 ;text-align: center;}
.ju-list-related ul li p{margin: 10px 0 0;height: 42px;text-align: center;}
.ju-list-related ul li:hover p{color: #333;}
.ju-list-related ul li:hover {box-shadow: 0 0 4px #ccc;}
.ju-list-down ul li{clear: both; overflow: hidden; border-bottom: 1px solid #e4e4e4;padding: 12px 0;}
.ju-list-down ul li>p{width: 700px; float: left;height: 30px; line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ju-list-down ul li>p a{display: block;}
.ju-list-down ul li>p a:hover{color: #0366cc;}
.ju-list-down ul li>span{float: right;}
.ju-list-down ul li>span a{border:1px solid #0366cc;color: #0366cc;height: 28px; line-height: 28px; padding: 0 10px;font-size: 14px;border-radius: 4px; display: inline-block;}
.ju-list-down ul li>span a:hover{background: #0366cc;color: #fff;}
.juhe_more{width: 320px; height: 40px; margin: 20px auto;}
.juhe_more a{border:1px solid #e4e4e4; background: #f9f9f9; text-align: center; line-height: 40px;display: inline-block;width: 320px;border-radius: 40px;font-size: 14px;}
.juhe_more a:hover{background: #e4e4e4;color: #0366cc;}
.ju-list-wenzhang ul{ overflow: hidden;  margin: 0 -20px;}
.ju-list-wenzhang ul li{float: left;width: 385px;height: 28px; margin:0 20px 10px;position: relative;padding-left: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ju-list-wenzhang ul li::after{content: ""; width: 5px; height: 5px; background:#a1a1a1;position: absolute; left: 0; top: 11px;}
.ju-list-wenzhang ul li .w_img{width: 150px;height: 94px;float: left;overflow: hidden;}
.ju-list-wenzhang ul li .w_img img{width: 150px;height: 94px;}
.ju-list-wenzhang ul li .w_title{/*--width: 230px; float: right; --*/line-height: 28px;max-height: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ju-list-wenzhang ul li:hover p{color: #0366cc;}
.ju-list-zhuanlan ul{overflow: hidden;  margin: 0 -20px;}
.ju-list-zhuanlan ul li{float: left;width: 358px;margin:0 20px 20px; border: 1px solid #e4e4e4;padding: 20px;border-radius:6px;}
.ju-list-zhuanlan ul li .w_img{width: 60px;height:60px;float: left;overflow: hidden;}
.ju-list-zhuanlan ul li .w_group{width: 290px; float: right; line-height: 28px;}
.ju-list-zhuanlan ul li .w_group img{width: 100%; height: 100%;}
.ju-list-zhuanlan ul li .w_group .w_title{font-weight: bold;height: 28px; overflow: hidden;}
.ju-list-zhuanlan ul li .w_group .w_title a:hover{color: #0366cc;}
.ju-list-zhuanlan ul li .w_group .btn_m{margin-top: 3px;}
.ju-list-zhuanlan ul li .w_group .btn_m a{height: 26px; line-height: 26px; width: 90px; border:1px solid #0366cc; color: #0366cc;text-align: center;display: inline-block;border-radius: 28px;font-size: 14px;}
.ju-list-zhuanlan ul li .w_group .btn_m a:hover{background: #0366cc;color: #fff;}
.ju-list-zhuanlan ul li:hover{box-shadow: 0 0 4px #ccc;}
.ju-list-bbs ul {overflow: hidden;  margin: 0 -20px;}
.ju-list-bbs ul li{float: left;width: 385px;height: 28px; margin:0 20px 10px;position: relative;padding-left: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.ju-list-bbs ul li::after{content: ""; width: 5px; height: 5px; background:#a1a1a1;position: absolute; left: 0; top: 8px;}
.ju-list-bbs ul li a:hover{color: #0366cc;}
.ju-list-project ul {overflow: hidden;  margin: 0 -20px;}
.ju-list-project ul li{float: left;width: 400px;height: 28px; margin:0 20px 10px;position: relative; }
.ju-list-project ul li .pro_title{width: 260px;height: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left;}
.ju-list-project ul li .pro_yusuan{width: 140px; float: right; text-align: right;}
.ju-list-project ul li .pro_yusuan b{color: #0366cc;font-weight: bold;}
.ju-list-project ul li a:hover{color: #0366cc;}
.layui-layer-wrap{font-size: 14px;}
.layui-layer-wrap #reason{width: 84%; padding: 2px; height: 55px;}
.layui-layer-btn .layui-layer-btn0 , .layui-layer-btn .layui-layer-btn1{font-size: 14px;}

.changshang_item li{margin-bottom: 8px;font-size: 14px;display: flex;align-items: center;height: 34px !important; line-height: 34px !important; clear: both;overflow: hidden;display: inline-block;background: none !important;padding-left: 0 !important;    width: 100%;}
.changshang_item li img{width: 32px; height: 32px; margin-right: 8px;border-radius: 100%;float: left;}
.changshang_item li p{float: left;}
.changshang_item li span{ margin-left: auto;font-size: 12px;padding: 3px 10px;color: #999;float: right;} 

.tabmenu_new{border-bottom: 1px solid #e4e4e4;clear: both;overflow: hidden; height: auto; line-height: normal;background: none;}
.tabmenu_new li { float: left; list-style: none;}
.tabmenu_new li a{ width: 95px !important; float: left; height: 36px; line-height: 38px; border: 1px solid #e4e4e4; margin-bottom: -1px; margin-right: 5px; background: #fbfbfb;  color: #333; border-radius: 6px 6px 0 0;font-size: 15px;}
.tabmenu_new li a:hover{background:#0366cc !important; color:#fff; }
.tabmenu_new .curr a{ background:#0366cc; color:#fff;}
.inf_about p{font-size: 15px; color: #333; margin-bottom: 5px;}
.inf_about p b{font-weight: bold;}
.noLeft0{margin-left: 0;}
.statement{font-size: 12px;color: #bbb;text-align: center;padding: 15px 0 10px;}
.article_viewCode{margin: 15px 0 5px; text-align: center; }
.article_viewCode>span{width: 120px; height: 120px; border: 2px solid #0667C6;background: #fff;display: inline-block;border-radius: 10px;}
.article_viewCode>span img{width: 110px; height: 110px; margin: 5px;}
.article_viewCode>p{font-size: 15px; margin-top: 10px;}
.right_project_item{height: 310px !important;}
.right_project_item li{ height: 44px!important;}
.right_project_item .project-price{color: #959595;font-size: 14px;}
.right_project_item .project-price b{ color: #0366cc; }
.original_article_icon{width: 50px;height: 28px;text-align: center; line-height: 28px;color: #fff;border-radius: 28px;background: #d91100;display: inline-block;font-size: 15px;font-weight: normal;vertical-align: middle; font-style: normal; margin-right: 5px; margin-top: 10px; float: left;}
.original_article_icon_left{margin-right: 5px;height: 22px; line-height: 22px; width: 42px; font-size: 13px;text-align: center;border-radius: 22px;background: #d91100;display: inline-block;color: #fff;font-weight: normal;vertical-align: middle; font-style: normal;margin-top: -3px;}


/*---聚合搜索----*/
.channel_listbottom_more{ text-align: center; float: left; width: 710px; font-size: 15px; line-height: 26px; margin: 30px auto 40px 180px;}
.channel_listbottom_more a{ padding: 5px 12px; background: #0366cc; color: #fff;}
.channel_listbottom_more a:hover{ background: #5999da; color: #fff;}