@charset "utf-8";
/* base css */
html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select,
iframe,
a,
span,
img {
  margin: 0;
  padding: 0;
}
body,
input,
textarea,
select,
button,
table {
  font: 12px/1.25em 'PingFangSC-Regular','microsoft yahei', Verdana, Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
* {
  word-wrap: break-word;
  word-break: break-all;
}
html {
  height: 100%;
  font-size: 0px;
}
body {
  height: 100%;
  min-width: 1120px;
  background-color: #fafafa;
}
  /* padding-top: 65px; */
.right_img img{
    width: 100%;
    height: 100%;
    display: block;
}
img,
iframe {
  border: none;
  display: inline-block;
}
a {
  text-decoration: none;
}
a,
input,
button,
iframe {
  outline: none;
  appearance: none;
  -moz-appearance: none;
}
::-moz-focus-inner {
  border: 0px;
}
ul,
ol {
  list-style: none;
}
em {
  /*font-style: normal;*/
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
  overflow: hidden;
}
.clearfix {
  zoom: 1;
}
.clear {
  clear: both ;
}
label {
  word-break: break-word;
  white-space: nowrap;
}
img {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.newsList img:hover {
  -webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  -moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  -ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  -o-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  transform: matrix(1.04, 0, 0, 1.04, 0, 0);
}
.message_list img:hover {
  -webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  -moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  -ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  -o-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  transform: matrix(1.04, 0, 0, 1.04, 0, 0);
}
.articleAboutBox .list img:hover,.special_subject_one img:hover {
  -webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  -moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  -ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  -o-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  transform: matrix(1.04, 0, 0, 1.04, 0, 0);
}
/************************璧勮 css begin************************************/
.topBar {
  /* border-bottom: 1px solid #bcbbbb; */
  -webkit-box-shadow: 0 2px 4px 0 rgba(165,165,165,0.50);
  box-shadow: 0 2px 4px 0 rgba(165,165,165,0.50);
  padding: 10px 0;
  width: 100%;
  background: #fff;
}




.headerBar {
  width: 1120px;
  margin: 0 auto;
  position: relative;
}

/* 下载app入口 */

.headerBar .head_load{
  font-family: PingFangSC-Regular;
font-size: 15px;
color: #777777;
  float: right;
  width: 88px;
  margin-left: 22px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  margin-top: 8px;
  border-radius: 75px;
  border: 1px solid #D2D2D2;
}
.headerBar .head_load:hover{
  border: 1px solid transparent;
  /* cursor: pointer; */
  color: #fff;
  background-color: #D82B18;
}


.headerBar  .head_load_img{
  display: none;
  font-family: PingFangSC-Regular;
font-size: 14px;
color: #333333;
   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 118px;
  padding-top: 33px;
  position: absolute;
  z-index: 100;
  top: 54px;
  right: 0;
  width: 300px;
  height: 95px;
  background-color:;
  background: url(../images/head_load_img.png) 28px 7px no-repeat, #fff;
  background-size: 74px;
}
.topBar:after {
  visibility: hidden;
  display: block;
  content: " ";
  clear: both;
  height: 0;
  font-size: 0;
}
.headerBar .headerBar_logo {
  height: 44px;
  float: left;
}
.headerBar .headerBar_logo img {
  height: 30px;
  float: left;
  margin-top: 7px;
}
.headerBar .headerBar_nav {
  margin: 0;
  padding: 0;
  margin-left: 12px;
  float: left;
  height: 44px;
  line-height: 44px;
}
.headerBar .headerBar_nav > li {
  float: left;
  font-size: 16px;
  text-align: center;
  position: relative;
  margin:0 20px;
  
}

.headerBar .headerBar_nav > li.longtitle{
  width: 190px;
}

.headerBar .headerBar_nav > li a {
  font-family: PingFangSC-Medium,microsoft yahei;
  font-size: 15px;
  color: #000;
  font-weight: 600;
  display: block;
  padding-bottom: 6px;
  border-bottom: 4px solid transparent;
}
/* .headerBar .headerBar_nav > li a span {
  position: absolute;
  top: 10px;
  left: 110%;
} */
.headerBar .headerBar_nav > li a.active {
  /* color: #E83529; */
  border-color: #E83529;
}
.headerBar .headerBar_nav > li a:hover {
  color: #E83529;
}
.headerBar .headerBar_searchBtn{
  height: 44px;
  line-height: 44px;
  display: inline-block;
  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 15px;
  color: #777;
  float: right;
  margin-right: 25px;
  padding-left: 32px;
  background: url('../images/headerBar_searchicon.png') left center no-repeat;
  background-size: 26px 26px;
  cursor: pointer;

}
.headerBar .headerBar_search_box{
  position: absolute;
  width: 540px;
  height: 44px;
  left: 300px;
  display: none;
}
.headerBar .headerBar_search {
  position: relative;
  display: inline-block;
  width: 540px;
  /* margin-left: 216px; */
  height: 44px;
  line-height: 44px;
}
.headerBar .headerBar_search .searchBox{
  width: 100%;
  height: 100%;
  display: inline-block;
}
.headerBar .headerBar_search .searchBox b{
  display: inline-block;
  width: 20px;
  height: 44px;
  background: url('../images/headerBar_search_close.png') 3px center no-repeat;
  background-size: 13px 13px;
  float: left;
  cursor: pointer;
}
.headerBar .headerBar_search input {
  height: 44px;
  line-height: 44px;
  width: 475px;
  margin-left: 5px;
  border: none;
  font-size: 16px;
  font-family: PingFangSC-Regular,microsoft yahei;
  /* position: absolute;
  top: 5px;
  left: 10px; */
  /* display: none; */
}
.headerBar .headerBar_search img {
  width: 20px;
  height: 20px;
  float: right;
  padding: 12px 0 12px 20px;
}
.headerBar .headerBar_search img:hover {
  cursor: pointer;
}
.headerBar .on input {
  display: block;
}
.headerBar .headerBar_login {
  float: right;
  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 15px;
  color: #777;
  height: 44px;
  min-width: 44px;
  line-height: 44px;
  position: relative;
}
.headerBar .headerBar_login .userImg > img {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  margin: 9px auto 0;
}
.headerBar .headerBar_login .userImg > img:hover {
  cursor: pointer;
}
.headerBar .headerBar_login .login {
  position: relative;
}
.headerBar .headerBar_login .login div#registerbox {
  display: none;
  position: absolute;
  left: -45px;
  top: 58px;
  background: url('../images/registererweima.png') top center no-repeat;
  width: 159px;
  height: 168px;
}
/* .headerBar .headerBar_login:hover .contentBox {
  display: block;
} */
.headerBar .headerBar_login .login a {
  color: #777;
  display: block;
  padding-left: 35px;
  background: url('../images/regist-default.png') no-repeat 2px center;
  background-size: 26px 26px;
}
.headerBar .headerBar_login .login a:hover {
  color: #E83529;
}
.headerBar_login div.contentBox {
  border: 1px solid #d9d9d9;
  border-top: none; 
  position: absolute;
  width: 120px;
  height: 112px;
  bottom: -123px;
  right: 0;
  background: white;
  display: none;
  z-index: 100;
}
.headerBar_login div.contentBox.on {
  display: block;
}
.headerBar_login div.contentBox img {
  position: absolute;
  top: -8px;
  left: 51px;
}
.headerBar_login div.contentBox a,.headerBar_login div.contentBox p {
  height: 34px;
  line-height: 34px;
  display: block;
  margin: 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.headerBar_login div.contentBox a{
  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 13px;
  color: #4D4D4D;
  background: url('../images/head-user-left.png') no-repeat right center;
}
.headerBar_login div.contentBox p{
  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 14px;
  color: #000000;
}
.headerBar_login div.contentBox a:hover {
  color: #E83529;
}
.headerBar_login div.contentBox a.people {
  background: url(../images/apeople.png) left center no-repeat;
}
.headerBar_login div.contentBox a.message {
  background: url(../images/amessage.png) left center no-repeat;
}
/* .headerBar_login div.contentBox a.loginOut {
  background: url(../images/aloginOut.png) left center no-repeat;
} */
.headerBar_login div.contentBox a.people:hover {
  background: url(../images/apeopleAction.png) left center no-repeat;
  color: #E83529;
}
.headerBar_login div.contentBox a.message:hover {
  background: url(../images/amessageAction.png) left center no-repeat;
}
/* .headerBar_login div.contentBox a.loginOut:hover {
  background: url(../images/aloginOutAction.png) left center no-repeat;
} */
.pullDown {
  text-align: center;
  border: 1px solid #f0f0f0;
  margin-top: 27px;
  margin-bottom: 20px;
  margin-left: 51px;

  padding: 10px;
  font-size: 14px;
  color: #bbbbbb;
  display: block;

}
.pullDown:hover {
  background: #fafafa;
  color: #999;
}
/*****************************************
 * 澶撮儴  css end
 **********************************************/
.info_content_box {
  padding-bottom: 15px;
  margin-top: 17px;
}


.info_content {
  width: 1120px;
  margin: 0 auto;
  position: relative;
  
}

.next_article{
  line-height: 22px;
  
  box-sizing: border-box;
  padding:17px  15px 22px 15px;
  width: 268px;
  height: 122px;
  border:1px solid #f2f2f;
 /*  position: absolute;
 bottom: 0;
 right: 0; */
  background-color: #fff;
}
.next_article:hover{
  cursor: pointer;
  
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.08); 
  border-color: rgba(0,0,0,.08);
}
.next_article .next_top{
  margin-bottom: 15px;
}
.next_article .title{
  font-family: PingFangSC-Regular,microsoft yahei;
font-size: 15px;
color: #333333;
line-height: 18px;
}
.next_article .next{
  padding-right: 12px;
  background: url(../images/next_right.png) right center no-repeat;
    float: left;    
    font-family: PingFangSC-Regular,microsoft yahei;
    font-size: 14px;
    color: #999999;
}
.next_article .time{
    float: right;    
    font-family: PingFangSC-Regular,microsoft yahei;
    font-size: 12px;
    color: #ccc;
}

.info_content .n_abs{
  position: absolute;
  bottom: 0;
  
}
 .info_content .n_fixed1{
  position: fixed;
  bottom:15px;
  
} 
.info_content .n_fixed2{
  position: fixed;
  bottom:-128px;
  transition: bottom 0.5s ease-in;
}  
.left {
  width: 836px;
  float: left;
}
.left .pointerInfo {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  text-decoration: normal;
}
.ad0 {
  width: 100%;
  height: 388px;
  overflow: hidden;
  margin-bottom: 11px;
}
.ad0 a {
  display: block;
  position: relative;
}
.ad0 a img {
  max-width: 100%;
}
.ad0 a p {
  width: 100%;
  position: absolute;
  bottom: 3px;
  font-size: 22px;
  color: #fff;
  text-indent: 24px;
  line-height: 45px;
  background-color: rgba(57, 47, 48, 0.8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}
.ad0 a p span {
  color: #e15345;
}
.news {
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 15px;
}
.news a {
  color: #090418;
  background: url(../images/icon_trumpet.png) no-repeat 8px center;
  padding-left: 25px;
}
.news a i {
  color: #e15345;
}
.newsList.newsList_mt {
  margin-top: 83px;
}
.newsList .info_hard{
  margin-bottom: 10px;
}

.newsList .info_hard .left_box{
  width: 446px;
  height: 234px;
  float: left;
  padding: 19px;
  box-sizing: border-box;
  background-color: #A7BBC6 ;
  position: relative;
}
.newsList  .left_box .mark{
  display: inline-block;
  padding-top: 8px;
  border-top: 2px solid #fff;
    padding-left: 22px;
    background: url(../images/i_mark.png) no-repeat left 10px;
    margin-bottom: 18px;
}
.newsList  .left_box .mark a{
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #FFFFFF;
  line-height: 16px;
}
.newsList  .left_box .mark a:not(:first-of-type){
  margin-left: 10px;
}
.newsList .left_title{
  font-family: PingFangSC-Medium;
  font-weight: 600;
font-size: 18px;
color: #FFFFFF;
line-height: 24px;
margin-bottom: 10px;
}
.newsList .left_info{
  font-family: PingFangSC-Regular;
font-size: 14px;
color: #FFFFFF;
line-height:22px;
}
.newsList .left_b{
  position: absolute;
  width: 408px;
  bottom:19px;
  left: 19px;
  border-top: 1px dashed rgba(255,255,255,0.50);
  padding-top: 11px;

}
.newsList .left_b .people{
  float: left
}
.newsList .left_b .time{
  float: right;
  font-family: PingFangSC-Regular;
font-size: 12px;
color: #FFFFFF;
line-height: 26px;
}
.newsList .left_b .people img{
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin-right: 10px;
}
.newsList .left_b .people .name{
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #FFFFFF;
  float: right;
  line-height: 26px;
}
.newsList .info_hard .right_img{
  width: 390px;
  height: 234px;
  float: right;
  overflow: hidden;
}


.info_list {
  padding: 18px;
  border: 1px solid #F2F2F2;
  position: relative;
  background: #fff;
  margin-bottom: 10px;
}
.info_list:hover{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.08); 
  border-color: rgba(0,0,0,.08);
}
.info_list .imgbox {
  width: 162px;
  float: left;
  height: 122px;
  overflow: hidden;
}
.info_list .imgbox a {
  display: block;
  width: 100%;
  height: 100%;
}
.info_list .imgbox img {
  width: 100%;
  height: 100%;
  display: block; 
}
.info_list .imgbox_second {
  width: 542px;
  float: left;
  height: 304px;
  overflow: hidden;
}
.info_list .imgbox_second a {
  display: block;
}
.info_list .imgbox_second img {
  max-height: 100%;
  max-width: 100%;
  border-radius: 4px;
}
.info_list .info_text {
  float: left;
  width: 613px;
  height: 122px;
  position: relative;
  margin-left: 20px;
}
.info_list .info_text h2 {
  font-family: PingFangSC-Medium,microsoft yahei;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  padding-bottom: 6px;
}
.info_list .info_text h2 a {
  color: #333;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
}
.info_list .info_text h2 a:hover {
  color: #e15345;
}
/* .info_list .info_text .publishinfo .mark a:hover {
  color: #e15345;
} */
.info_list .info_text p {
  font-size: 13px;
  line-height: 21px;
  color: #888;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  text-align: justify;
}
.info_list .info_text .publishinfo {
  color: #bdbdbd;
  width: 100%;
  height: 26px;
  line-height: 26px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.info_list .info_text .publishinfo span {
  font-size: 13px;
  /* height: 30px;
  line-height: 30px; */
  font-family: PingFangSC-Regular,microsoft yahei;
  color: #888888;
  display: inline-block;
}
.info_list .info_text .publishinfo span a {
  color: #bdbdbd;
}
.info_list .info_text .publishinfo span i {
  margin-right: 5px;
}
.info_list .info_text .publishinfo span.mark{
  position: absolute;
  bottom: 0;
  right: 0;
  padding-left: 22px;
  background: url('../images/mark.png') no-repeat left center;
}
.info_list .info_text .publishinfo span.mark a{
  padding-left: 14px;
  float: left;
  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 13px;
  color: #888;
  font-size: 12px;
}
.info_list .info_text .publishinfo span.mark a:hover{
  color: #e15345;
}
.info_list .info_text .publishinfo span.mark a:first-child{
  padding-left: 0;
}
.info_list .info_text .publishinfo span.info span{
  line-height: 26px;
}
.info_list .info_text .publishinfo span.info>img{
  width: 26px;
  height: 26px;
  display: block;
  float: left;
  margin-right: 18px;
  border-radius: 100%;
}
.info_list .info_text .publishinfo span.people a{
  margin-right: 28px;
  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 13px;
  color: #585657;
  cursor: default;
}
/* 首页加载更多 */
.newPage{
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: #fff;
  color: #555;
  font-family: PingFangSC-Medium,microsoft yahei;
  font-weight: 600;
  font-size: 14px;
  margin: 20px 0;
  cursor: pointer;
}
.newPage:hover{
  box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
.newPage span{
  display: block;
}
.newPage .newPage_loading,.newPage .newPage_all{
  display: none
}

.page {
  height: 30px;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 10px;
}
.page ul {
  min-width: 300px;
  margin: 0 auto;
  display: inline-block;
}
.page ul li {
  float: left;
}
.page ul li a {
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  line-height: 30px;
  font-size: 24px;
  color: #000;
  text-align: center;
  font-weight: normal;
  font-family: arial;
}
.page ul li a.active {
  color: #e15345 ;
}
.page ul li a.pre {
  padding-left: 0px;
  padding-right: 0px;
  width: 30px;
  height: 30px;
  background: #474747 url(../images/page_icon_pre.png) no-repeat center center;
  border-radius: 20px;
  behavior: url(css/PIE.htc);
  position: relative;
}
.page ul li a.next {
  padding-left: 0px;
  padding-right: 0px;
  width: 30px;
  height: 30px;
  background: #474747 url(../images/page_icon_next.png) no-repeat center center;
  border-radius: 20px;
  behavior: url(css/PIE.htc);
  position: relative;
}

.right {
  width: 268px;
  float: right;
}
/* 新闻详情作者专栏 */
.right .right_author{
  background: #fff;
  margin-bottom: 16px;
  overflow: hidden;
}
.right .right_author_t{
  overflow: hidden;
}
.right .right_author_t img{
  display: block; 
  width: 68px;
  height: 68px;
  float: left;
}
.right .right_author_t>div{
  float: left;
  width: 182px;
  padding-left: 18px;
  height: 67px;
  border-bottom: 1px solid #efefef;
}
.right .right_author_t .right_author_name{
  margin-top: 18px;
  color: #000;
  font-family: PingFangSC-Medium,microsoft yahei;
  font-weight: 500;
}
.right .right_author_t .right_author_job{
  font-family: PingFangSC-Regular,microsoft yahei;
  color: #A0A0A0;
}
.right .right_author_t p{
  height: 18px;
  line-height: 18px;
  font-size: 13px;
}
.right .right_author_b{
  overflow: hidden;
  padding: 18px 0;
}
.right .right_author_b .right_author_bl{
  width: 67px;
  height: 42px;
  text-align: center;
  float: left;
  border-right: 1px solid #dcdcdc;
}
.right .right_author_b .right_author_bl a{
  font-family: PingFangSC-Semibold, sans-serif,microsoft yahei;
  font-size: 22px;
  color: #333333;
  height: 24px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 6px;
  display: inline-block;
}
.right .right_author_b .right_author_bl p{
  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 12px;
  color: #4c4c4c;
  line-height: 12px;
}

.right .right_author_b .right_author_br{
  float: left;
  width: 168px;
  height: 42px;
  line-height: 21px;
  margin-left: 18px;
  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 13px;
  color: #999;
  position: relative;
}

.right .right_author_b .right_author_br label{
  position: absolute;
}

.right .right_author_b .right_author_br a{
  font-size: 13px;
  color: #4c4c4c;
  text-indent: 3em;
  height: 42px;
  line-height: 21px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

.right .right_author_b .right_author_br a:hover{
  color: #E83529;
}

/* 最新会议 */
.latest_meeting{
  width: 268px;
  height: 388px;
  margin-bottom: 35px;
  background: #3C3B4A;
}
#articleDetail .latest_meeting{
  margin-bottom: 18px;
}
.latest_meeting .latest_meeting_title{
  width: 248px;
  padding: 16px 10px;
  line-height: 22px;
}
.latest_meeting .latest_meeting_title h4{
  font-family: PingFangSC-Medium,microsoft yahei;
  font-weight: normal;
  font-weight: 600;
  font-size: 16px;
  color: #FFFFFF;
  float: left;
}
.latest_meeting .latest_meeting_title a{
  float: right;
  font-size: 12px;
  color: rgba(255,255,255,0.70);
  padding-right: 13px;
  background: url('../images/meeting_arrow_index.png') right center no-repeat;
  background-size: 10px;
}
.latest_meeting .latest_meeting_title a:hover{
  color: #666;
}
.latest_meeting .latest_meeting_img{
  width: 248px;
  height: 140px;
  margin: 0 auto;
}
.latest_meeting .latest_meeting_img img{
  width: 100%;
  height: 100%;
  display: block;
}
.latest_meeting .latest_meeting_content{
  width: 100%;
  height: 194px;
  position: relative;
}
.latest_meeting .latest_meeting_content h4{
  font-family: PingFangSC-Medium,microsoft yahei;
  font-weight: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  margin: 24px 10px 16px;
}
.latest_meeting .latest_meeting_content h4 a{
  color: #fff;
}
.latest_meeting .latest_meeting_content h4 a:hover{
  color: #e15345;
}
.latest_meeting .latest_meeting_content p{
  margin: 0 10px 8px;
  font-size: 12px;
  color: #FFFFFF;
  padding-left: 18px;
  line-height: 17px;
}
.latest_meeting .latest_meeting_content p.latest_meeting_contentt{
  background: url('../images/meeting_time_index.png') left center  no-repeat;
  background-size: 10px;
}
.latest_meeting .latest_meeting_content p.latest_meeting_contenta{
  background: url('../images/meeting_address_index.png') left center no-repeat;
  background-size: 10px;
}
.latest_meeting .latest_meeting_content .latest_meeting_apply{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: rgba(80, 79, 98, 0.68);
  text-align: center;
  border-top: 1px solid transparent;
}
.latest_meeting .latest_meeting_content .latest_meeting_apply a{
  color: #fff;
  font-family: PingFangSC-Medium,microsoft yahei;
  font-weight: normal;
  font-weight: 600;
  font-size: 16px;
}
.latest_meeting .latest_meeting_content .latest_meeting_apply a:hover{
  color: #e15345;
}
.latest_meeting .latest_meeting_content .latest_meeting_item{
  width: 268px;
  border-top: 1px solid #4C4B5B;
  font-size: 12px;
  line-height: 16px;
}
.latest_meeting .latest_meeting_content .latest_meeting_item a{
  display: block;
  color: #fff;
  width: 236px;
  padding: 16px;
  width: 236px;
}
.latest_meeting .latest_meeting_content .latest_meeting_item a:hover{
  background: #363544;
}
.latest_meeting .latest_meeting_content .latest_meeting_item:first-child{
  border: none
}
.latest_meeting.latest_meeting_dec{
  background: #fff;
}
.latest_meeting.latest_meeting_dec .latest_meeting_title h4{
  color: #000;
}
.latest_meeting.latest_meeting_dec .latest_meeting_title a{
  color: #999;
  background: url('../images/meeting_arrow.png') right center no-repeat;
  background-size: 10px;
}
.latest_meeting.latest_meeting_dec .latest_meeting_content h4 a:hover,
.latest_meeting.latest_meeting_dec .latest_meeting_content .latest_meeting_apply a:hover,
.latest_meeting.latest_meeting_dec .latest_meeting_content .latest_meeting_item a:hover{
  color: #e15345;
}
.latest_meeting.latest_meeting_dec .latest_meeting_content h4 a{
  color: #333;
}
.latest_meeting.latest_meeting_dec .latest_meeting_content p{
  color: #666;
}
.latest_meeting.latest_meeting_dec .latest_meeting_content p.latest_meeting_contentt{
  background: url('../images/meeting_time.png') left center no-repeat;
  background-size: 10px;
}
.latest_meeting.latest_meeting_dec .latest_meeting_content p.latest_meeting_contenta{
  background: url('../images/meeting_time.png') left center no-repeat;
  background-size: 10px;
}
.latest_meeting.latest_meeting_dec .latest_meeting_content .latest_meeting_apply{
  background: #fff;
  border-color: #E8E8E8;
}
.latest_meeting.latest_meeting_dec .latest_meeting_content .latest_meeting_apply a{
  color: #000;
}
.latest_meeting.latest_meeting_dec .latest_meeting_content .latest_meeting_item{
  border-color: #E8E8E8;
}
.latest_meeting.latest_meeting_dec .latest_meeting_content .latest_meeting_item a{
  color: #333;
}
.latest_meeting.latest_meeting_dec .latest_meeting_content .latest_meeting_item a:hover{
  background: #fff;
}


.right_load_app{
    border-top: 5px solid #DA2902;
    width: 268px;
    height: 253px;
    /* margin-bottom: 16px; */
    background-color: #fff;
}
.right_load_app .top{
  font-weight: 600;
  text-align: center;
  font-size: 14px;
  color: #DA2902;
  line-height: 30px;
}
.right_load_app  ul{
  height: 90px;
   color: #DA2902
}
.right_load_app  ul li{
  width: 33.33%;
text-align: center;
  float: left;
  padding-top: 50px;
  font-weight: 600;
  font-size: 12px;
  color: #DA2902;
  line-height: 18px;
}

.right_load_app  ul li:nth-of-type(1){
    background: url(../images/right_load_app1.png) center 20px no-repeat;
    background-size: 24px;
}
.right_load_app  ul li:nth-of-type(2){
    background: url(../images/right_load_app2.png) center 20px no-repeat;
    background-size: 24px;
}
.right_load_app  ul li:nth-of-type(3){
    background: url(../images/right_load_app3.png) center 20px no-repeat;
    background-size: 24px;
}
.right_load_app .images{
  height: 80px;
      background: url(../images/head_load_img.png) center no-repeat;
    background-size: 80px;
}
.right_load_app .title{
  margin-top: 14px;
  text-align: center;
  font-family: PingFangSC-Regular;
font-size: 12px;
color: #333333;
}
/* 72小时热闻 */
.hotarticle_new {
  background: #fff;
  padding: 18px 15px;
}
.hotarticle_new h2 ,.probox h3{
  font-weight: 600;
  font-size: 18px;
  border-left: 4px solid #E83529;
  height: 20px;
  line-height: 19px;
  padding-left:8px;
  font-family: PingFangSC-Medium,microsoft yahei;
  color: #000;
}
.hotarticle_new .hotList {
  margin-top: 20px;
  font-size: 14px;
  overflow: hidden;
}
.hotarticle_new .hotList:first-child{
  margin-top: 26px;
}
.hotarticle_new .hotList .hotList_l,.hotarticle_new .hotList .hotList_r{
  float: left;
}
.hotarticle_new .hotList .hotList_l img{
  width: 80px;
  height: 60px;
  display: block;
  margin-right: 13px;
}
.hotarticle_new .hotList .hotList_r{
  width: 145px;
  height: 59px;
  overflow: hidden;
}
.hotarticle_new .hotList .info {
  margin-bottom: 15px;
  font-family: PingFangSC-Light,microsoft yahei;
  font-size: 13px;
  color: #333;
  line-height: 16px;
  height: 32px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
}
.hotarticle_new .hotList .info a{
  color: #333;
}
.hotarticle_new .hotList .time {
  font-size: 12px;
  line-height: 12px;
  color: #999;
  font-family: PingFangSC-Regular,microsoft yahei;
}
.hotarticle_new .hotList a:hover {
  color: #E83529;
}
.info_ad2 {
  margin: 18px 0;
}
.info_ad2:nth-child(1) {
  margin: 0 0 35px;
  width: 268px;
}
.info_ad2 a {
  display: block;
}
.info_ad2 img {
  max-width: 100%;
  display: block;
}
/* 广告文字 */
.info_ad2{
  position: relative;
}
.info_ad2 span{
  position: absolute;
  right: 8px;
  bottom: 10px;
  display: inline-block;
  width: 48px;
  height: 22px;
  background: rgba(0, 0, 0, .6);
  border-radius: 2px;
  font-family: PingFangSC-Light,microsoft yahei;
  font-size: 13px;
  color: #FFFFFF;
  text-align: center;
  line-height: 22px;
}
.columnist {
  /*padding-bottom: 20px;*/
}
.columnist h2 {
  color: #090418;
  font-size: 16px;
  line-height: 30px;
  border-bottom: 1px solid #b9b9b9;
  font-weight: bold;
}
.authorBox {
  border-bottom: 1px dashed #d7d7d7;
  padding-top: 15px;
  padding-bottom: 15px;
}
.authorBox .authorImg {
  width: 60px;
  height: 45px;
  float: left;
  text-align: center;
}
.authorBox .authorImg a {
  display: block;
}
.authorBox .authorImg img {
  max-width: 100%;
  border-radius: 30px;
  width: 40px;
  height: 40px;
  behavior: url(css/PIE.htc);
  position: relative;
}
.authorBox .authorIntro {
  width: 230px;
  float: left;
  padding-top: 2px;
}
.authorBox .authorIntro h3 {
  color: #090418;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  padding-top: -2px;
}
.authorBox .authorIntro h3 a {
  color: #090418;
}
.authorBox .authorIntro p {
  color: #555;
}
.authorBox .authorIntro p a {
  color: #555;
}
.authorBox > p {
  color: #888;
  font-size: 12px;
  line-height: 25px;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.authorBox > p a {
  color: #888;
}
.bingList {
  padding-top: 15px;
}
.bingList h2 {
  color: #090418;
  font-size: 16px;
  line-height: 30px;
  border-bottom: 1px solid #b9b9b9;
  font-weight: normal;
}
.bingList h2 a {
  float: right;
  color: #e15345;
  font-size: 12px;
}
.bingBox {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e9e9e9;
}
.bingBox .bingImg {
  width: 80px;
  float: left;
  overflow: hidden;
}
.bingBox .bingImg a {
  display: block;
}
.bingBox .bingImg img {
  max-width: 100%;
}
.bingBox .bingText {
  width: 200px;
  float: left;
  padding-left: 10px;
}
.bingBox .bingText h3 {
  font-size: 14px;
  color: #000;
  line-height: 25px;
}
.bingBox .bingText h3 a {
  color: #000;
}
.bingBox .bingText p {
  font-size: 12px;
  color: #555;
  line-height: 18px;
}
.bingBox .bingText p a {
  color: #555;
}
.foot {
  background-color: #2B292A;
  color: #fff;
  position: relative;
  z-index: 21;
}
.footer {
  width: 1120px;
  margin: 0 auto;
  padding-top: 34px;
  position: relative;
}
.footer a{
  color: rgba(255, 255, 255, .75);
}
.footer a:hover{
  color: rgba(255, 255, 255, 1.0);
}
.footer .foot_logo{
  margin-bottom: 24px;
}
.footer .foot_logo img {
  display: block;
  height: 42px;
  margin-bottom: 15px;
}
.footer .foot_logo p{
  font-family: PingFangSC-Medium,microsoft yahei;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
}
.footer .foot_logo:after {
  visibility: hidden;
  display: block;
  content: " ";
  clear: both;
  height: 0;
  font-size: 0;
}
.footer .aboutus {
  font-size: 12px;
  color: #fff;
  font-family: PingFangSC-Medium,microsoft yahei;
  margin-bottom: 8px;
}
.footer .aboutus a {
  margin:0 5px;
  display: inline-block;
  /* color: #fff; */
  height: 17px;
  line-height: 17px;
}
.footer .aboutus a:first-child{
  margin-left: 0;
}
.footer .aboutus a:hover {
  color: #fff;
}
.footer .friend {
  font-size: 12px;
  color: #999;
  /* height: 17px; */
  line-height: 17px;
  margin-bottom: 8px;
/*   width: 800px; */
}
.footer .friend span{
  color: #fff;
  float: left;
}
.footer .friend a {
  margin: 0 4px;
  display: inline-block;
  /* color: #999; */  
}
.friend_title{
  color: #fff;
  display: inline-block;
  vertical-align: top;
}
.friend_right {
  display: inline-block;
  width: 800px;
}
/* .footer .friend a:hover {
  color: #fff;
} */
.footer .footewm {
  position: absolute;
  right: 0;
  top: 34px;
  text-align: center;
  color: #d4d4d4;
}
.footer .footewm img {
  display: block;
  margin: 0 auto 8px;
  width: 110px;
}
.footer .foot_load{
  right: 140px;
}
.bottomfoot {
  background: #2B292A;
}
.bottomfooter {
  width: 1120px;
  margin: 0 auto;
  font-family: PingFangSC-Medium,microsoft yahei;
  font-size: 12px;
  color: #5B5B5B;
  height: 35px;
  line-height: 35px;
  text-align: right;
  border-top: 1px dashed #3C3F43;
}
.info_article {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  
  background-color: #fff;
  border: 1px solid #f2f2f2;
}
/* .left.info_article .lefter {
  padding-top: 10px;
} */
.article_detail {
  font-size: 16px;
}
.article_detail table {
  max-width: 630px!important;
  border-collapse: collapse;
}

.articText .source .mark {
   background: url(../images/mark.png) left center no-repeat; 
  padding-left: 20px;
  float: right;
}
.articText .source .mark span{
   font-size: 13px;
}
.articText .source .mark span:not(:first-child){
  padding-left: 14px; 
}
.articText .source .mark a:hover {
  color: #E83529;
}
.articText .main_con iframe{
  width: 640px;
  height: 498px;
}
.articText .main_con p img {
  display:block;
  margin:auto;
  width:648px !important;
  height: auto!important;
}
.articText p span{
  /*display:block;
  width:100%;*/
  /*text-align:center;*/
  margin-top:18px;
  font-family:'PingFangSC-Regular','微软雅黑';
  /*font-size: 15px;
  color: #A0A0A0;*/
  letter-spacing: 0;
}
.articText p:not(:first-child){
  margin-top:26px;
  font-family:'PingFangSC-Regular','微软雅黑';
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
.articText p strong{
  font-family:'PingFangSC-Semibold','微软雅黑';
  /*font-size: 18px;*/
  /*color: #000000;*/
  line-height: 30px;
}
.articText>h2 {
  margin:38px 78px 23px 32px; 
  color: #333;
  font-size: 30px;
  font-family: PingFangSC-Medium,microsoft yahei;
  font-weight: normal;
  line-height:42px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.articText .abstract {
  font-size: 16px;
  color: #888;
  line-height: 24px;
}
.articText .source {
  padding: 0 78px 0 32px;
  color: #000;
  font-size: 14px;
  margin-top: 23px;
  margin-bottom: 47px;
  line-height:20px;
}
.articText .source a {
  color: #333;
}

.articText .content_box{
    width: 726px;
    margin-left: 32px;
    position: relative;
}
.articText .content_box .shareto{
   float: left; 
 
}
.articText .content_box .shareto1{
  /* float: left; */
  position: absolute;
  top:0;
  /* transition: top 0.3s ease-in-out; */
}
.articText .content_box .shareto2{
  /* float: left; */
  position: absolute;
  bottom:30px;
}
.articText .content_box .fixed{
  position: fixed;
  top:20%;
 
} 
.articText .main_con{
  width:648px;
  float: right;
}
.articText .article_copyright{
  font-size: 14px;
  color: #999;
  line-height: 22px;
  padding-top: 30px;
  margin-top: 40px;
  border-top: 1px solid #EAEAEA
}
.zambia {
  margin:auto;
  margin-top:78px;
  margin-bottom:42px;
}



/* .shareto a i {
  background-color: #797878;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
  behavior: url(css/PIE.htc);
  position: relative;
  padding: 10px;
  display: inline-block;
}
.shareto a {
  margin: 0 5px;
  float: right;
}
.shareto a.friendshare2 i {
  width: 12px;
  height: 12px;
  display: inline-block;
  background: #b9b9b9 url(../images/qq.png) no-repeat center center;
  margin-top: -12px;
} */
.shareto a i{
  width: 26px;
  height: 26px;
  display: block;
}
.shareto a{
  display: block;
  margin-bottom: 8px;
  height: 26px;
  position: relative;
}
.shareto a i.weixin {
 
  background:url(../images/weixin2.png) no-repeat center center;
}
.weixinHover{
  background:url(../images/weixin1.png) no-repeat center center !important;
}
.shareto a i.weibo {

  background:url(../images/weibo2.png) no-repeat center center;
}
.shareto a i.friendshare{
  
  background: url(../images/qq2.png) no-repeat center center;
}
.shareto a i.weixin:hover {
 
  background:url(../images/weixin1.png) no-repeat center center;
}
.shareto a i.weibo:hover {
 
  background:url(../images/weibo1.png) no-repeat center center;
}
.shareto a i.friendshare:hover {
  
  background:url(../images/qq1.png) no-repeat center center;
}

.articText .headline{
  margin-bottom: 40px;
  width: 648px;
  float: right;
  background: #F8F8F8;
}

.articText .headline div{
  padding: 15px 28px;
  border-left: 4px solid #ECECEC;
  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 16px;
  color: #666;
  line-height: 25px;
}

.articText .main_con .line{
  margin-top: 38px;
  margin-bottom: 29px;
  padding-bottom: 20px;
  border-bottom: 1px dashed  #EBEBEB;
}

.articText .main_con .lover a{
  display: block;
  width: 106px;
  margin: 0 auto;
  height: 40px;
  border-radius: 4px;
  background: #E83529;
  font-family: PingFangSC-Medium,microsoft yahei;
  font-size: 14px;
  color: #fff;
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.articText .main_con .lover img {
  width: 16px;
  height: 16px;
  margin-right: 5px; 
  display: block;
}

.relevant {
  padding-top: 20px;
}
.relevant h3 {
  font-size: 16px;
  line-height: 30px;
  border-bottom: 1px solid #555;
  font-weight: normal;
}
.relevant h3 span {
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
}
.relevant h3 span a,
.relevant h3 a {
  color: #555;
}
.relevant h3 span a:hover,
.relevant h3 a:hover {
  color: #e15345;
}
.relevant h3 span.active {
  color: #e15345;
}
.relevant ul {
  padding-top: 10px;
  padding-bottom: 10px;
}
.relevant ul li {
  float: left;
  width: 50%;
}
.relevant ul li a {
  display: inline-block;
  width: 80%;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 22px;
  font-size: 14px;
}
.relevant ul li a:hover {
  color: #e15345;
}
.relevant ul li a span {
  color: #e15345;
  padding-right: 3px;
}
.info_ad3 {
  padding-bottom: 15px;
}
.article_comment h3 {
  font-size: 16px;
  line-height: 30px;
  border-bottom: 1px solid #555;
  font-weight: normal;
}
.commenter {
  padding-top: 15px;
}
.commenter .commentPeo {
  width: 60px;
  float: left;
}
.commenter .commentPeo img {
  width: 60px;
  height: 60px;
  border-radius: 50px;
}
.commenter .commentPeo a {
  color: #333;
  display: block;
  text-align: center;
}
.commenter .write {
  width: 600px;
  float: right;
  text-align: center;
}
.commenter .write .writeText {
  border: 1px solid #e9e9e9;
  width: 578px;
  padding: 10px;
  max-width: 578px;
}
.commenter .write.article {
  width: 550px;
  float: right;
}
.commenter .write.article .writeText {
  border: 1px solid #e9e9e9;
  width: 530px;
  padding: 10px;
  max-width: 530px!important;
}
.commenter .tijiaoer {
  text-align: right;
  padding-top: 15px;
}
.commenter .tijiaoer .tijiao {
  width: 100px;
  height: 35px;
  color: #fff;
  line-height: 35px;
  text-align: center;
  background-color: #e15345;
  border: none;
  cursor: pointer;
  font-size: 16px;
  letter-spacing: 4px;
}
.commenter .tijiaoer .tijiao:hover {
  background-color: #c8473a;
}
.pinglunBox {
  position: absolute;
  left: 0;
  top: 20px;
}
.pinglunBox .plpeo img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  behavior: url(css/PIE.htc);
  position: relative;
}
.pinglin {
  padding-left: 80px;
  position: relative;
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9e9e9 ;
  min-height: 70px;
}
.pinglin .pltexter {
  font-size: 14px;
  line-height: 18px;
}
.pinglin .pltexter img {
  width: 22px;
}
.pinglin .pltexter span {
  color: #2e8ecc;
}
.pinglin .pltexter p {
  font-size: 12px;
  color: #ccc;
}
.pinglin .pltexter p span {
  cursor: pointer;
  padding-left: 5px;
}
.retexter {
  padding-top: 15px;
}
.retexter .returnpic {
  width: 50px;
  text-align: center;
  float: left;
}
.retexter .returnpic img {
  width: 30px;
  height: 30px;
  border-radius: 20px;
  behavior: url(css/PIE.htc);
  position: relative;
}
.retexter .returnTexter {
  width: 540px;
  float: right;
  font-size: 12px;
  color: #555;
  line-height: 18px;
}
.retexter .returnTexter.width500 {
  width: 500px;
  float: right;
  font-size: 12px;
  color: #555;
  line-height: 18px;
}
.retexter .returnTexter.width500 img {
  width: 22px;
  height: 22px;
}
.retexter .returnTexter span {
  color: #2e8ecc;
  padding-right: 5px;
}
.retexter .returnTexter p {
  color: #ccc;
}
.pinglin .returnwriteto .writeText {
  border: 1px solid #e9e9e9;
  width: 100%;
  max-width: 100%;
}
.pinglin .returnwriteto {
  padding-top: 8px;
}
.pinglin .returnwriteto .wesure {
  text-align: right;
  padding-top: 8px;
  padding-bottom: 8px;
}
.pinglin .returnwriteto .wesure input.plcencle {
  width: 50px;
  height: 25px;
  line-height: 25px;
  color: #000;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.pinglin .returnwriteto .wesure input.plok {
  background-color: #e15345;
  color: #fff;
  width: 50px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border: none;
  cursor: pointer;
}
.pinglin .returnwriteto .wesure input.plok:hover {
  background-color: #c8473a ;
}
.search_result {
  border: 1px solid #dedede;
  padding: 9px;
  margin-bottom: 15px;
}
.search_result .search_img {
  width: 120px;
  float: left;
}
.search_result .search_img img {
  max-width: 100px ;
}
.search_result .search_info {
  width: 800px ;
  float: left;
}
.search_result .search_info span {
  font-size: 14px;
  color: #888;
  display: inline-block;
  width: 650px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 40px ;
  line-height: 25px;
}
.search_result .search_info span big {
  font-size: 24px;
  color: #333;
  padding-right: 12px;
}
.search_result .search_info a {
  display: block;
  width: 125px;
  height: 40px;
  border: 1px solid #e15345;
  color: #e15345;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  margin-top: 35px ;
  float: right;
}
.search_tab {
  padding-top: 10px;
}
.search_tab span {
  display: inline-block;
  padding-left: 45px;
  padding-right: 40px;
  height: 25px;
  line-height: 25px;
  color: #888;
  text-align: center;
  background-color: #e9e9e9;
}
.search_tab span.active {
  background-color: #333;
  color: #fff;
}
.search_adlist {
  padding-top: 10px;
}
.search_adlist h2 {
  margin-bottom: 20px;
}
.searchhot_list {
  border: 1px solid #e9e9e9;
  text-align: center;
}
.searchhot_pro {
  padding: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e9e9e9 ;
}
.searchhot_pro > a {
  display: block;
}
.searchhot_pro > a img {
  width: 200px;
  height: 200px;
}
.searchhot_list .searchhot_pro p {
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.searchhot_list .searchhot_pro p a {
  color: #000;
}
.ad-special a {
  display: block;
}
.ad-special a img {
  max-width: 100%;
}
.padtop15 {
  padding-top: 15px;
}

.info_picnews{
  background-color: #fff;
  padding: 0 44px 42px 36px;
  margin-bottom: 38px;
  border: 1px solid #F2F2F2;
}
.info_picnews .shareto{
  float: left;
}
.info_picnews .newspic_box{
  float: right;
  width: 980px;
}
.info_picnews .newspic_box .load_more{
    float: right;
    width: 70px;
    height: 24px;
    background-color: #000;
    text-align: center;
    line-height: 24px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    cursor: pointer;
}
.info_picnews .info_title{
  padding-left:60px;
  overflow: hidden;
  margin-bottom: 28px;
}
.info_picnews .info_title h2{
  font-family: PingFangSC-Medium;
  font-size: 30px;
  line-height: 42px;
  color: #343434;
  font-weight: 600;
  margin-top: 38px;
  margin-bottom: 16px;
}
.info_picnews .info_title .people{
  float: left;
  font-family: PingFangSC-Medium;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  padding-right: 24px;
  line-height: 20px;
}
.info_picnews .info_title .people span{
  margin-right: 10px;
}

.info_picnews .info_title .column{
  float: left;
  background: url(../images/mark.png) left center no-repeat;
  padding-left: 20px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #000000;
  letter-spacing: 0;
  line-height: 20px;
}
.newspic_box .newspic_line{
  width:980px;
  height: 4px;
  background-color: #000;
  position: relative;
  margin-top:66px  ;
  margin-bottom: 70px;
}
.newspic_box .newspic_line .all_box{
  position: absolute;
  left: 318px;
  top: -18px;
  text-align: center;
  font-family: PingFangSC-Regular;
font-size: 14px;
color: #666666;
  width: 346px;
  height: 40px;
  line-height: 40px;
  background: #FFFFFF;
box-shadow: 0 -1px 5px 0 rgba(0,0,0,0.06);
}
.flash .left_arrow {
  position: absolute;
  left: 0;
  top:207px;
  width: 74px;
  height:74px;
  cursor: pointer;
}
.flash .right_arrow {
  position: absolute;
  right: 0;
  top:207px;
  width: 74px;
  height:74px;
  cursor: pointer;
}
.flash .piclist {
  width:668px;
  float: left;
  height:506px;
  overflow: hidden;
  position: relative;
  border: 10px solid #000;
  box-sizing: border-box;
}
.flash .pic_detail{
  float: right;
  width: 298px;
  height: 506px;
  background-color: #000;
  color: #fff;
}

.flash .piclist a {
  width:648px;
  display: block;
  text-align: center;
  height: 486px;
  display: table-cell;
  vertical-align: middle;
  background-color: #000;
}
.flash .piclist a img,
.flash .piclist img {
  margin:auto;display:block  ;  
  max-width: 100%;
  max-height: 100%;
}
.flash .left_arrow {
  background: url(../images/pic_arrow_left.png) no-repeat center center;
}

.flash .right_arrow {
  background: url(../images/pic_arrow_right.png) no-repeat center center;
}
.pic_detail{
  padding: 24px;
  box-sizing: border-box;
}
.pic_detail .picnum{
  float: left;
}
.pic_detail .pic_info{
  float: right;
  margin-top:6px;
  width: 180px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #CCCCCC;
  line-height: 20px;
}
.pic_detail .zhuyu_page{
  font-size: 28px;
  font-weight: 600;
}
.pic_detail .iteral{
 font-size: 18px;
  color: #999999;
}
/* .pic_detail {
  background-color: rgba(0, 0, 0, 0.3);

  width: 100%;
  bottom: 0;
  left: 0;
} */
/* .pic_detail .picnum {
  width: 140px;
  height: 110px;
  padding-bottom: 15px;
  float: left;
  color: #fff;
  line-height: 110px;
  font-size: 40px;
  text-align: center;
  font-family: georgia;
}
.pic_detail .picnum span {
  color: #e15345;
  font-size: 60px;
}
.pic_detail .pic_info {
  width: 640px;
  height: 70px;
  float: left;
  line-height: 25px;
  font-size: 14px;
  padding: 20px;
  color: #fff;
  overflow: hidden;
} */
/* .pic_info .picInfotest {
  height: 75px;
  overflow-y: scroll;
  padding-right: 10px;
}
.pic_info .picInfotest::-webkit-scrollbar {
  width: 4px;
}
.pic_info .picInfotest::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.pic_info .picInfotest::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(130, 130, 130, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.pic_info .picInfotest::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(130, 130, 130, 0.4);
} */
/* .pic_detail .picnum span.iteral {
  font-size: 45px;
  color: #fff;
} */
/* .newspic_list {
  padding-top: 15px;
  padding-bottom: 25px;
  width: 950px;
  padding-left: 20px;
} */
.newspic_list .newspic_left,
.newspic_list .newspic_right {
  width: 30px;
  height: 125px;
  float: left;
  margin-top: 10px;
}
.newspic_list .newspic_left {
  background: #6d6d6d url(../images/arrow_left.png) no-repeat center center;
}
.newspic_list .newspic_left.active,
.newspic_list .newspic_right.active {
  background-color: #e8847a;
}
.newspic_list .newspic_right {
  background: #6d6d6d url(../images/arrow_right.png) no-repeat center center;
}
.newspic_list .picnewstotal {
  /* float: left; */
  width: 873px;
  /* height: 150px; */
  /* overflow: hidden; */
}

.newspic_list .picnewstotal ul {
  display: inline-block;
  width: 980px;
}
.newspic_list .picnewstotal ul li {
  float: left;
  width: 140px;
  height: 105px;
  margin-right: 28px;
  margin-bottom: 28px;
  position: relative;
}
.newspic_list .picnewstotal ul li:nth-of-type(6n){
  margin-right: 0
}
.newspic_list .picnewstotal ul li.active:before{
  content: '';
  position: absolute;
   width: 140px;
  height: 105px;
  top: -5px;
  left:-5px;
  border:5px solid #000;
}
/* .newspic_list .picnewstotal ul li span {
  display: block;
  width: 18px;
  height: 9px;
  position: absolute;
  top: -9px;
  left: 45%;
  background: url(../images/jianjia.png) no-repeat center center;
} */
.newspic_list .picnewstotal ul li img {
  max-width: 100%;
}
.column_author {
  background: url(../images/anotherbg.jpg) repeat-x 0 30px;
  height: 180px;
  border-top: 2px solid #e15345;
  padding-top: 30px;
  /*border-top: 1px dashed #ccc;*/
}
.author_box {
  padding-top: 40px;
  width: 1000px;
  margin: 0 auto;
}
.column_author .author_head,
.column_author .author_info,
.column_author .author_num {
  float: left;
}
.column_author .author_head {
  width: 130px;
  padding-left: 65px ;
}
.column_author .author_head img {
  width: 90px;
  height: 90px;
  border-radius: 50px;
  behavior: url(css/PIE.htc);
  position: relative;
}
.column_author .author_info {
  width: 550px;
}
.column_author .author_info h2 {
  font-size: 18px;
  color: #333;
  font-weight: normal;
  border-bottom: 1px solid #b8b8b8;
  line-height: 25px;
}
.column_author .author_info h2 a {
  color: #333;
}
.column_author .author_info h2 span {
  font-size: 12px;
}
.column_author .author_info h2 span.company {
  font-size: 12px;
  padding-left: 12px;
}
.column_author .author_info p {
  padding-top: 5px;
  font-size: 12px;
  color: #888;
  line-height: 20px;
}
.column_author .author_num {
  width: 250px;
  text-align: center;
  padding-top: 15px;
}
.author_num span,
.author_num a {
  display: inline-block;
  text-align: center;
  color: #888;
}
.author_num span p,
.author_num a p {
  line-height: 18px;
}
.author_num span {
  padding-right: 20px;
}
.author_num span i {
  width: 36px;
  height: 36px;
  border-radius: 20px;
  behavior: url(css/PIE.htc);
  position: relative;
  display: inline-block;
  background: #797878 url(../images/icon_file.png) no-repeat center center;
}
.author_num a i {
  width: 36px;
  height: 36px;
  border-radius: 20px;
  behavior: url(css/PIE.htc);
  position: relative;
  display: inline-block;
  background: #e15345 url(../images/icon_love.png) no-repeat center center;
}
.column_content_box {
  /*padding-top: 15px;*/
  background-color: #f5f5f5;
  border-bottom: 5px solid #e15345;
  padding-bottom: 15px;
}
.column_timer {
  padding-top: 25px;
  padding-bottom: 25px;
  width: 40px;
  padding-right: 40px;
  float: left;
  text-align: right;
  height: 130px;
  background: url(../images/timerbg.png) no-repeat 40px 0;
  font-family: georgia;
  font-size: 14px;
}
.column_year {
  padding-right: 15px;
  float: left;
  text-align: right;
  font-family: georgia;
  font-size: 20px;
  padding-left: 80px;
  background: url(../images/timerbg.png) no-repeat 40px -50px;
}
.pad25 {
  padding-top: 25px;
}
.column_year span,
.column_year a,
.column_year span a {
  display: inline-block;
  margin-right: 20px;
  line-height: 25px;
  padding-left: 3px;
  padding-right: 3px;
  color: #333;
}
.column_year span.active,
.column_year a.active,
.column_year span.active a {
  background-color: #888;
  color: #fff;
}
.column_neir {
  padding-top: 25px;
  border-bottom: 1px solid #dedede;
  float: left;
}
.column_list {
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #dedede;
  float: left;
}
.column_list .imgbox {
  width: 200px;
  float: left;
  height: 130px;
  overflow: hidden;
}
.column_list .imgbox a {
  display: block;
}
.column_list .imgbox img {
  max-height: 100%;
  border-radius: 4px;
}
.column_list .column_text {
  float: right;
  width: 370px;
  padding-left: 14px;
  padding-right: 14px;
  height: 130px;
  position: relative;
}
.column_list .column_text:hover {
  background-color: #fff;
}
.column_list .column_text h2 {
  font-size: 20px;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: normal;
}
.column_list .column_text h2 a {
  color: #000;
}
.column_list .column_text:hover h2 a {
  color: #e15345;
}
.column_list .column_text p {
  font-size: 14px;
  line-height: 20px;
}
.column_list .column_text .publishinfo {
  position: absolute;
  bottom: 5px;
  color: #bdbdbd;
}
.column_list .column_text .publishinfo span {
  padding-right: 20px ;
  font-size: 14px;
}
.column_list .column_text .publishinfo span.people {
  background: url(../images/icon_filer.png) no-repeat left center;
  padding-left: 18px;
}
.column_list .column_text .publishinfo span.pubdate {
  padding-left: 18px;
  float: right;
}
.column_list .column_text .publishinfo span a {
  color: #bdbdbd;
}
.column_list .column_text .publishinfo span a:hover {
  color: #e15345;
}
.column_list .column_text .publishinfo span i {
  margin-right: 5px;
}
.column_list .column_text .publishinfo span.mark {
  display: inline-block;
  background-color: #e4e4e4;
  color: #e15345;
  text-align: center;
  height: 20px;
  line-height: 20px;
  padding-left: 8px;
  padding-right: 8px;
}
/*html.fullscreen,body.full{
  width: 100%;
  height:100%;
}*/
body.full {
  background-color: #fff;
}
.footerfixed {
  position: absolute;
  bottom: 5px;
  width: 100%;
  border-top: 5px solid #e15345;
}
.regist {
  top: 120px;
  width: 100%;
  border-top: 2px solid #e15345;
  border-bottom: 2px solid #e15345;
  background: url(../images/bg.png) no-repeat center center;
}
.register {
  width: 1000px;
  margin: 0 auto;
  padding-top: 88px;
  padding-bottom: 88px;
}
.registbox {
  width: 420px;
  float: left;
  background: url(../images/line.png) no-repeat right top;
  padding-left: 140px;
}
.registboxer {
  width: 360px;
  background-color: #f6f6f6;
  float: left;
}
.registboxer h2 {
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  line-height: 50px;
  text-indent: 12px;
  font-weight: normal;
}
.formbox {
  padding-top: 20px;
}
.formbox .linebox span {
  display: inline-block;
  text-align: right;
}
.formbox .linebox span.line_titler {
  width: 77px;
  padding-right: 8px;
  font-size: 16px;
  line-height: 35px;
}
.formbox .linebox span.line_titler.littersize {
  font-size: 13px;
}
.formbox .linebox {
  padding-top: 25px;
}
.formbox .linebox span.line_text input.telephone {
  width: 253px;
  border: none;
  background-color: transparent;
  background: url(../images/loginInputBg2.png) no-repeat right bottom;
  font-size: 16px;
  text-indent: 10px;
  line-height: 35px;
  height: 35px;
}
.formbox .linebox span.line_text input.telephone.focus {
  background: url(../images/loginInputBg.png) no-repeat right bottom;
}
.formbox .linebox span.line_text input.verificatCode {
  background: url(../images/loginInputBg3.png) no-repeat right bottom;
  width: 103px;
  font-size: 16px;
  text-indent: 10px;
  line-height: 35px;
  border: none;
  background-color: transparent;
}
.formbox .linebox span.line_text input.verificatCode.focus {
  background: url(../images/loginInputBg4.png) no-repeat right bottom;
}
.formbox .linebox span.getcode {
  width: 85px;
  text-align: center;
  background-color: #e15345;
  display: inline-block;
  height: 25px;
  margin-left: 10px;
}
.formbox .linebox span.getcode a {
  color: #fff;
  line-height: 25px;
  font-size: 12px;
}
.formbox .linebox span.getyzm {
  width: 140px;
  text-align: left;
  display: inline-block;
  height: 25px;
  padding-left: 10px;
}
.formbox .linebox span.getyzm a {
  color: #fff;
  line-height: 25px;
  font-size: 12px;
  color: #e15345;
  display: inline-block;
}
.formbox .linebox span.getyzm a.nextyzm {
  padding-left: 12px;
  font-size: 12px;
}
.formbox .linebox span.getyzm a img {
  vertical-align: middle;
  border: 1px solid #b5b5b5;
}
.formbox .lineboxsure input.goregist {
  width: 110px;
  height: 35px;
  background-color: #e15345;
  color: #fff;
  border: none;
  font-size: 16px;
  letter-spacing: 2px;
  cursor: pointer;
}
.formbox .lineboxsure {
  padding-left: 80px;
  padding-top: 20px;
  padding-bottom: 55px;
}
.formbox .lineboxsure span {
  line-height: 35px;
  padding-left: 12px;
  color: #333;
}
.formbox .lineboxsure span a {
  color: #e15345;
}
.register .qrcode {
  float: left;
  padding-left: 60px;
  width: 250px;
}
.register .qrcode h2 {
  font-size: 18px;
  color: #fff;
  line-height: 50px;
  font-weight: normal;
}
.register .qrcode .codepic {
  padding-bottom: 15px;
}
.register .qrcode p {
  text-align: center;
  color: #fff;
  line-height: 25px;
  font-size: 14px;
}
.formbox .rempassword {
  padding-left: 80px;
  font-size: 12px;
  color: #333;
  line-height: 50px;
  padding-right: 30px;
}
.formbox .rempassword input {
  margin-right: 6px;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.formbox .rempassword a {
  float: right;
  font-size: 12px;
  color: #333;
}
.formbox .linebox.pad35 {
  padding-top: 35px;
}
.error_info {
  font-size: 16px;
  color: #e15345;
  padding-left: 80px;
  line-height: 25px;
  height: 25px;
}
body.login_firstbg {
  background-color: #f5f5f5;
}
.loginfirst {
  top: 120px;
  width: 100%;
  border-top: 2px solid #e15345;
  border-bottom: 5px solid #e15345;
  padding-bottom: 50px;
  background-color: #f5f5f5;
}
.login_first {
  width: 1000px;
  margin: 0 auto;
  padding-top: 65px;
}
.login_infobox {
  border: 1px solid #ccc;
  padding: 30px 230px 45px 230px;
}
.login_infobox .prompt {
  color: #ccc;
  font-size: 16px;
  padding-bottom: 20px;
  line-height: 45px;
}
.login_infoline {
  padding-bottom: 20px;
}
.login_infoline span {
  font-size: 14px;
  color: #333;
  line-height: 35px;
  display: inline-block;
}
.login_infoline span.login_infotitle {
  padding-right: 5px;
}
.login_infoline span input {
  border: 1px solid #e9e9e9;
  background-color: #fff;
  height: 35px;
  width: 200px;
  padding-left: 5px;
}
.login_infoline span.login_infotxt1 {
  padding-right: 15px;
}
.login_infoline span.login_infotxt1 ul {
  position: absolute;
  width: 200px;
}
.login_infoline2 {
  padding-bottom: 20px;
}
.login_infoline2 span {
  font-size: 14px;
  color: #333;
  line-height: 35px;
  display: inline-block;
}
.login_infoline2 span.login_infotitle {
  padding-right: 5px;
}
.login_infoline2 span input {
  border: 1px solid #e9e9e9;
  height: 35px;
  width: 200px;
  padding-left: 5px;
  background: #fff url(../images/icon_jiao.png) no-repeat 195px 25px;
}
.login_infoline2 span.login_infotxt1 {
  padding-right: 15px;
  position: relative;
}
.login_infoline2 span.login_infotxt1 ul,
.login_infoline2 span.login_infotxt ul {
  position: absolute;
  width: 205px;
  background-color: #fff;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  max-height: 210px;
  overflow: auto;
  overflow-x: hidden;
}
.login_infoline2 span.login_infotxt1 ul li,
.login_infoline2 span.login_infotxt ul li {
  line-height: 30px;
  color: #ccc;
  border-bottom: 1px solid #e9e9e9;
  font-size: 12px;
  text-indent: 5px;
}
.login_infoline2 span.login_infotxt1 ul li:hover,
.login_infoline2 span.login_infotxt ul li:hover {
  background-color: #888;
  color: #fff;
}
.login_infoline3 {
  padding-bottom: 20px;
}
.login_infoline3 span {
  font-size: 14px;
  color: #333;
  line-height: 35px;
  display: inline-block;
}
.login_infoline3 span.login_infotitle {
  padding-right: 5px;
}
.login_infoline3 span input {
  border: 1px solid #e9e9e9;
  height: 35px;
  width: 464px;
  padding-left: 5px;
  background-color: #fff;
}
.login_infoline4 {
  text-align: center;
}
.login_infoline4 span input {
  width: 150px;
  height: 40px;
  background-color: #e15345;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  border: none;
  cursor: pointer;
}
.login_infoline4 a {
  color: #888;
  font-size: 14px;
  padding-left: 35px;
}
.contact_content_box {
  padding-bottom: 15px;
  padding-top: 30px;
}
.ad5 a {
  display: block;
}
.ad5 a img {
  max-width: 100%;
}
.byclassfly span {
  display: inline-block;
  font-size: 14px;
  color: #000;
}
.byclassfly {
  padding-top: 15px;
  clear: both;
}
.byclassfly.area {
  padding-top: 5px;
  padding-bottom: 15px;
}
.byclassfly span.classflyname {
  width: 110px;
  line-height: 25px;
  float: left;
}
.byclassfly span.classflyname a {
  min-width: 50px;
  height: 25px;
  display: block;
  line-height: 25px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 2px;
  text-align: center;
  color: #000;
  margin-bottom: 2px;
  float: right;
}
.byclassfly span.classflytext {
  width: 500px ;
  height: 25px;
  overflow: hidden;
}
.byclassfly span a {
  min-width: 50px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  padding-left: 4px;
  padding-right: 4px;
  margin-right: 2px;
  text-align: center;
  color: #000;
  margin-bottom: 2px;
}
.byclassfly span a:hover,
.byclassfly span a.active {
  background-color: #008fd5;
  color: #fff;
}
.byclassfly span.open {
  text-align: center;
  width: 55px;
  line-height: 25px;
  background-color: #e8e8e8;
  color: #008fd5;
  float: right;
  cursor: pointer;
}
.byclassfly ul {
  display: inline-block;
}
.contact_list {
  clear: both;
}
.contactlistbox {
  border: 1px solid #e9e9e9;
  padding: 15px;
  padding-bottom: 30px;
  margin-bottom: 20px;
  background-color: #fff;
}
.contactlistbox:hover {
  box-shadow: 1px 4px 6px 2px #9d9d9d;
}
.zan span {
  float: right;
  display: inline-block;
  background: url(../images/icon_zan.png) no-repeat left center;
  padding-left: 15px;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
}
.zan a span {
  color: #000;
}
.zan a:hover span {
  color: #008fd5;
}
.contact_lister .head_imgBox {
  float: left;
  width: 145px;
  /*padding-left: 35px;*/
  text-align: center;
}
.head_imgBox a img {
  width: 74px;
  height: 74px;
  border-radius: 40px;
  behavior: url(css/PIE.htc);
  position: relative;
}
.head_imgBox a {
  display: block;
}
.head_imgBox p {
  /*background:url(../images/icon_map.png) no-repeat left center;*/
  /*padding-left: 15px;*/
  line-height: 28px;
}
.head_imgBox p img {
  vertical-align: text-top;
  margin-right: 5px;
  padding-top: 2px;
}
.contact_listtext {
  width: 480px;
  float: left;
}
.contact_listtext h2 {
  color: #008fd5;
  font-size: 18px;
  font-weight: normal;
}
.contact_listtext h2 a {
  color: #008fd5;
}
.contact_listtext h2 span {
  display: inline-block;
  font-size: 12px;
  background: url(../images/icon_jump.png) no-repeat left center;
  padding-left: 15px;
  margin-left: 15px;
}
.contact_listtext p {
  font-size: 12px;
  color: #555;
  line-height: 25px;
  padding-bottom: 3px;
}
.contact_listtext .contact_listtexter {
  font-size: 12px;
  color: #888;
  line-height: 18px;
}
.contact_listtext .contact_listtexter a {
  color: #888;
}
.contact_listtext .contact_opeat {
  padding-top: 15px;
}
.contact_listtext .contact_listtexter a:hover {
  color: #008fd5;
}
.contact_listtext .contact_opeat a.change {
  display: inline-block;
  color: #008fd5;
  border: 1px solid #008fd5;
  width: 70px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 8px;
}
.contact_listtext .contact_opeat a.changer {
  display: inline-block;
  color: #008fd5;
  border: 1px solid #008fd5;
  width: 70px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 8px;
}
.contact_listtext .contact_opeat span.changed {
  display: inline-block;
  color: #ccc;
  border: 1px solid #ccc;
  width: 70px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 8px;
}
.contact_listtext .contact_opeat a.sayhello:hover {
  display: inline-block;
  color: #fff;
  background-color: #097ab2;
  width: 70px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 8px;
}
.contact_listtext .contact_opeat a.sayhello,
.contact_listtext .contact_opeat a.change:hover,
.contact_listtext .contact_opeat a.changer:hover {
  display: inline-block;
  color: #fff;
  background-color: #008fd5;
  width: 70px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}
.contact_activebox {
  padding-bottom: 15px;
}
.contact_active {
  border-bottom: 1px dashed #d9d9d9;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
}
.contact_active a.activeimgbox {
  display: block;
  float: left;
  text-align: center;
  width: 65px;
}
.contact_active a.activeimgbox img {
  width: 40px;
  height: 40px;
  border-radius: 30px;
  behavior: url(css/PIE.htc);
  position: relative;
}
.contact_active p {
  font-size: 12px;
  color: #888;
  line-height: 12px;
  padding-bottom: 3px;
  padding-left: 65px;
  padding-top: 4px;
}
.contact_active h2 {
  font-weight: normal;
  line-height: 18px;
}
.contact_active h2 a {
  color: #000;
  font-size: 14px;
  line-height: 18px;
}
.contact_active h2 span {
  color: #008fd5;
  display: inline-block;
  float: right;
  font-size: 12px;
}
.dynamics {
  color: #333;
  line-height: 20px;
  border-bottom: 1px dashed #d9d9d9;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
}
.dynamics a {
  font-size: 16px;
  color: #008fd5;
  padding-right: 5px;
}
.recommdlist {
  padding-top: 15px;
  border-top: 1px solid #e9e9e9;
}
.recommdlist h2.weekrecom {
  line-height: 30px;
  border-bottom: 1px solid #b9b9b9;
  color: #090418;
  font-size: 16px;
}
.scaning {
  padding: 20px;
  padding-top: 0;
  font-size: 12px;
  color: #888;
  line-height: 20px;
  text-align: center;
}
.scaning p {
  text-align: left;
  margin-bottom: 20px;
  font-weight: normal;
}
.scaninger {
  padding: 20px;
  padding-top: 0;
  font-size: 12px;
  color: #888;
  line-height: 20px;
  text-align: center;
  padding-top: 15px;
}
.scaninger p {
  text-align: left;
  margin-bottom: 20px;
  font-weight: normal;
}
.square_content_box {
  padding-bottom: 25px;
  background-color: #fff;
}
.square_content {
  padding-top: 25px;
  width: 1000px;
  margin: 0 auto;
}
.square_left {
  float: left;
  width: 680px;
}
.square_right {
  width: 300px;
  float: right;
}
.square_left .square_write {
  padding: 10px;
  width: 658px;
  border: 1px solid #ccc;
  max-width: 658px;
}
.square_icons {
  text-align: right;
  font-size: 14px;
  padding-top: 5px;
  position: relative;
}
.uploadpic {
  position: absolute;
  right: 0;
  width: 300px;
  background-color: #757575;
  padding-top: 15px;
  /*padding-bottom: 15px;*/
  top: 40px;
}
.uploadpic i.trangle {
  position: absolute;
  width: 19px;
  height: 8px;
  background: url(../images/icon_trangletop.png) no-repeat center center;
  top: -8px;
  right: 85px;
}
.uploadpic h5 {
  font-size: 12px;
  color: #fff;
  line-height: 25px;
  font-weight: normal;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px;
}
.uploadpic h5 span {
  font-weight: normal;
  display: block;
  float: right;
}
.uploadpic h5 span b {
  font-weight: normal;
}
.picbox {
  min-height: 74px;
  width: 74px;
  border: 3px solid #fd7d31;
  margin-left: 15px;
  float: left;
  margin-bottom: 15px;
  position: relative;
  cursor: pointer;
}
.picbox i.closerpic {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 18px ;
  height: 18px;
  background: #3a3a3a url(../images/icon_close.png) no-repeat center center;
}
.picbox .zhe {
  top: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
}
.picbox:hover .zhe {
  opacity: 1;
}
.picboxer {
  min-height: 80px;
  width: 80px;
  margin-left: 15px;
  float: left;
  margin-bottom: 15px;
  background: #3a3a3a url(../images/icon_add.png) no-repeat center center;
  cursor: pointer;
}
.picbox img {
  max-width: 74px;
  vertical-align: bottom;
  width: 74x;
  height: 74px;
}
.square_icons span {
  display: inline-block;
  color: #000;
  cursor: pointer;
}
.square_icons span.express {
  background: url(../images/icon_face.png) no-repeat left center;
  padding-left: 15px;
  padding-right: 10px;
}
.square_icons span.pictures {
  background: url(../images/icon_pic.png) no-repeat left center;
  padding-left: 20px;
  padding-right: 10px;
}
.square_icons input {
  width: 65px;
  height: 30px;
  line-height: 30px;
  border: none;
  background-color: #fd7d31;
  color: #fff;
  cursor: pointer;
}
.square_nav {
  float: left;
  width: 65px;
}
.square_nav ul li {
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.square_nav ul li a {
  font-size: 14px;
  color: #000;
}
.square_nav ul li.active {
  background-color: #fd7d31;
}
.square_nav ul li.active a {
  color: #fff;
}
.square_infos {
  width: 610px;
  float: left;
  border-left: 1px solid #fd853d;
}
.square_border {
  width: 610px;
  float: left;
  border-left: 1px solid #fed1b6;
}
.square_classfly {
  font-size: 18px;
  border-bottom: 1px solid #e8e8e8;
  text-indent: 8px;
  line-height: 35px;
  margin-bottom: 10px;
}
.square_classfly span.infos_last {
  border-right: 1px solid #888 ;
}
.square_classfly span a {
  color: #888;
  padding-left: 10px;
  padding-right: 10px;
}
.square_classfly span.active a {
  color: #070707;
}
.infos_contentlist{
  padding:24px 44px 30px 48px; 
}
.infos_contentlist .publish_time{
  font-family: PingFangSC-Regular;
  font-size: 15px;
  color: #E83529;
  line-height: 22px;
  position: relative;
}
.infos_contentlist .publish_time:before{
  position: absolute;
  background-color: #E83529;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  left: -20px;
  top:6px ;

}

.publish_text {
 font-family: PingFangSC-Regular;
font-size: 16px;
color: #333333;
line-height: 22px;
padding: 16px 0;
}

.infos_zan {
  background: url(../images/icon_zan2.png) no-repeat 15px 7px;
  padding-left: 35px;
  color: #888;
  line-height: 25px;
  font-size: 14px;
  padding-right: 15px;
  margin-bottom: 10px;
}
.infos_zan a {
  color: #888;
}
.publish_opeart {
  height: 30px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: 15px;
}
.publish_opeart span {
  display: inline-block;
  width: 145px;
  text-align: center;
  border-left: 1px solid #fff;
}
.publish_opeart span a {
  font-size: 12px;
  color: #555;
  line-height: 30px;
}
.publish_comment {
  padding-bottom: 10px;
  word-wrap: break-word;
}
.publish_comment .comment_img {
  width: 30px;
  height: 30px;
  border-radius: 100%;

  float: left;
  text-align: center;
}
.publish_comment .comment_img a {
  display: block;
}
.publish_comment .comment_img img {
  width: 30px;
  height: 30px;
  border-radius:100% ;
  margin-top:3px;
  behavior: url(css/PIE.htc);
  position: relative;
      cursor: auto;
}
.comment_write {
  position: relative;
}
.comment_write .comment_writes {
  padding:9px 12px;
  margin:8px 0 20px;
  width:100%;
  height: 36px;
  box-sizing: -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  resize:none;
  border: 1px solid #E7E7E7;
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #999999;
  outline: none;
}
.return_box {
  padding-left: 40px;
  padding-top: 15px;
}
.comment_write.returnerhf {
  width: 480px;
  float: left;
}
.comment_write.returnerhf .comment_writes {
  padding: 5px;
  width: 470px;
  border: 1px solid #ccc;
  max-width: 470px;
}
.comment_icons {
  text-align: right;
  padding-top: 6px;
}
.comment_icons span {
  display: inline-block;
  color: #000;
  float: left;
}
.comment_icons span.express {
  background: url(../images/icon_face.png) no-repeat left center;
  padding-left: 15px;
  padding-right: 10px;
  cursor: pointer;
}
.comment_icons input {
  cursor: pointer;
  position: absolute;
  right:12px;
  top: 22%;
  width: 45px;
  padding-left: 12px;
  height: 20px;
  line-height: 20px;
  border: none;
  background-color: #fff;
  border-left:1px solid #e7e7e7;
  color: #333;
  text-align: center;
}
a.returnat {
  color: #2e8ecc;
  cursor: auto;
}
a.returnat i{
  font-style: normal;
  color: #000;
  margin:0 5px;
}
.returner {
  font-size: 13px;
  color: #000;
  line-height: 18px;
}
.returner img {
  width: 22px;
  height: 22px;
}
.returner p {
  color: #999;
}
.returner p a {
  color: #666;
  padding-left: 10px;
}
.shou {
  font-size: 12px;
  color: #ccc;
  text-align: center;
}
.shou span {
  display: inline-block;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 25px;
  color: #888;
  cursor: pointer;
}
.thumbnail ul{
  width: 744px;
}
.thumbnail ul li{
  margin-bottom: 16px;
}
.thumbnail li img{
    max-width: 100%;
    display: inline;
    width: auto;
    height: auto;
}

.thumbnail li.three,.thumbnail .two{
  float: left;
}
.thumbnail li.two:last-of-type{
  margin-left: 16px;
}
.thumbnail li.two{
  width:364px; 
  height: 364px;
  overflow: hidden;
}

.thumbnail li.three{
  width: 237px;
  height: 237px;
  overflow: hidden;
}

.thumbnail ul li.three:not(:nth-of-type(3n)){
  margin-right:16px;
}
/* .live_load_more{
  height: 60px;
  border: 1px solid #f2f2f2;
  text-align: center;
  line-height: 60px;
  font-size: 14px;
color: #999999;
background-color: #fff;
margin-top: 24px;
cursor: pointer;
} */

.live_showMore{
   border: 1px solid #f2f2f2;
  text-align: center;
  line-height:30px;
  font-size: 14px;
  color: #bbb;
  cursor:pointer;
}


.ad6 {
  padding-bottom: 15px;
}
.ad6 a {
  display: block;
}
.ad6 a img {
  width: 100%;
}
.publish_mon {
  padding-bottom: 15px;
}
.publish_mon h2 {
  font-size: 16px;
  color: #090418;
  border-bottom: 1px solid #d2d2d2;
  line-height: 35px;
  font-weight: normal;
}
.pub_box {
  border-bottom: 1px dashed #d9d9d9;
  padding-top: 15px;
  padding-bottom: 15px;
}
.pub_box .pub_num,
.pub_box .pub_img,
.pub_box .pub_artivnum {
  float: left;
}
.pub_box .pub_num {
  width: 25px;
  height: 35px;
  font-size: 14px;
  font-family: arial;
  line-height: 35px;
  text-align: center;
}
.pub_box .pub_num.num0 {
  background: url(../images/icon_num1.png) no-repeat center center;
}
.pub_box .pub_num.num1 {
  background: url(../images/icon_num2.png) no-repeat center center;
}
.pub_box .pub_num.num2 {
  background: url(../images/icon_num3.png) no-repeat center center;
}
.pub_box .pub_img {
  width: 50px;
  text-align: center;
}
.pub_box .pub_img {
  display: block;
}
.pub_box .pub_img img {
  width: 35px;
  height: 35px;
  border-radius: 35px;
  behavior: url(css/PIE.htc);
  position: relative;
}
.pub_box .pub_artivnum {
  width: 200px;
  font-size: 14px;
  line-height: 35px;
}
.pub_box .pub_artivnum a {
  color: #090418;
}
.pub_box .pub_artivnum span {
  display: inline-block;
  float: right;
  color: #888;
}
.brand_content_box {
  background-color: #f5f5f5;
  padding-bottom: 15px;
}
.brand_content {
  padding-top: 25px;
  width: 1000px;
  margin: 0 auto;
  background-color: #fff;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 15px;
}
.brand_left {
  width: 680px;
  float: left;
}
.banner {
  position: relative;
  margin-bottom: 10px;
}
.banner ul li {
  position: relative;
}
.banner ul li a {
  display: block;
}
.banner ul li img {
  max-width: 100%;
}
.banner ul li a img {
  max-width: 100%;
}
.banner ul li p {
  width: 100%;
  position: absolute;
  bottom: 0;
  font-size: 22px;
  color: #fff;
  text-indent: 24px;
  line-height: 45px;
  background-color: rgba(57, 47, 48, 0.8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.banner ul li p span {
  color: #e15345;
}
.banner .tab_icon_left {
  position: absolute;
  left: 15px;
  width: 40px;
  height: 50px;
  top: 40%;
  background: transparent url(../images/icon.png) no-repeat 0 0;
  opacity: 0.1;
}
.banner .tab_icon_right {
  position: absolute;
  right: 15px;
  width: 40px;
  height: 50px;
  top: 40%;
  background: transparent url(../images/icon.png) no-repeat -50px 0;
  opacity: 0.1;
}
.banner .tab_icon_left:hover,
.banner .tab_icon_right:hover {
  opacity: 1;
}
.banner .tab_change {
  position: absolute;
  bottom: 2px;
  width: 97%;
  height: 22px;
  text-align: right;
  padding-right: 3%;
}
.banner .tab_change span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  behavior: url(css/PIE.htc);
  position: relative;
  background-color: #e8e7e7;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}
.banner .tab_change span.active {
  background-color: #e5004f;
}
h2.block_one {
  background: transparent url(../images/brandtitlebg.png) no-repeat left center;
  height: 41px;
  font-family: "瀹嬩綋";
  font-size: 22px;
  line-height: 41px;
  padding-left: 22px;
  color: #fff;
}
h2.block_one a {
  padding-top: 8px;
  color: #fff;
  font-size: 14px;
  float: right;
  line-height: 33px;
  font-family: "microsoft yahei";
  padding-right: 15px;
}
.free_block {
  padding-top: 10px;
  border-top: 1px solid #ccc;
  padding-bottom: 10px;
}
.countdown {
  font-size: 14px;
  color: #090418;
  text-align: right;
  line-height: 30px;
}
.countdown span {
  color: #e5004f;
}
.free_infos .free_img {
  width: 290px;
  float: left;
  text-align: center;
}
.free_infos .free_img a {
  display: block;
  height: 170px;
  overflow: hidden;
}
.free_infos .free_img a img {
  width: 80%;
}
.free_infos .free_brand {
  width: 380px;
  float: left;
}
.free_infos .free_brand h2 {
  color: #090418;
  font-size: 28px;
  line-height: 45px;
  text-align: center;
  font-weight: normal;
}
.free_infos .free_brand h2 a {
  color: #090418;
}
.free_infos .free_brand p {
  color: #888;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  height: 30px;
}
.free_infos .free_brand p a {
  color: #888;
}
.free_brand .apply {
  text-align: center;
  padding-top: 10px;
}
.free_brand .apply a {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  width: 135px;
  height: 37px;
  background-color: #e5004f;
  text-align: center;
  line-height: 37px;
}
.free_brand .apply a:hover {
  background-color: #c6094a;
}
.free_brand .apply a:hover {
  background-color: #c6094a;
}
.free_brand .apply a.haveapplyed {
  font-size: 14px;
  color: #333;
  display: inline-block;
  width: 135px;
  height: 37px;
  background-color: #dedede;
  text-align: center;
  line-height: 37px;
}
.free_brand .apply a.willbegin {
  font-size: 14px;
  color: #e5004f;
  display: inline-block;
  width: 135px;
  height: 37px;
  background-color: transparent;
  text-align: center;
  line-height: 37px;
  border: 1px solid #e5004f;
}
.free_brand .apply a.haveend {
  font-size: 14px;
  color: #333;
  display: inline-block;
  width: 135px;
  height: 37px;
  background-color: transparent;
  text-align: center;
  line-height: 37px;
  border: 1px solid #dedede;
}
.free_infos .free_brand p.applyed {
  font-size: 14px;
  color: #888;
  text-align: center;
  padding-left: 0px;
  line-height: 40px;
}
h2.block_one span {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  height: 35px;
  text-align: center;
  margin-top: 6px;
  line-height: 35px;
  cursor: pointer;
}
h2.block_one span.import {
  margin-left: 20px;
}
h2.block_one span.active {
  background-color: #4a4a4a;
}
.recomandlist {
  padding-top: 15px;
  padding-bottom: 40px;
}
.recomandlist ul {
  border-left: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
}
.recomandlist ul li {
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  width: 168px;
  float: left;
  height: 85px;
}
.recomandlist ul li .borderhover {
  border: 1px solid transparent;
  margin: -1px;
  height: 85px;
  overflow: hidden;
  /*padding-top:1px;*/
}
.recomandlist ul li:hover .borderhover {
  border: 1px solid #e5004f;
}
.recomandlist ul li a {
  display: block;
  font-size: 12px;
  color: #000;
  overflow: hidden;
  padding: 1px;
}
.recomandlist ul li img {
  vertical-align: center;
  max-width: 85px;
  max-height: 85px;
}
.recomandlist ul li a span {
  display: block;
  vertical-align: middle;
  width: 80px;
  float: left;
  padding-top: 32px;
  text-align: center;
}
.brand_right {
  width: 300px;
  float: right;
}
.settled {
  /*padding-top: 25px;*/
  height: 295px;
  border: 10px solid #e3e3e3;
  text-align: center;
}
.settled p {
  padding-top: 15px;
  color: #090418;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  padding-bottom: 15px;
  padding-top: 25px;
}
.settled a.settle_comm {
  display: inline-block;
  width: 90px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #fff;
  background-color: #e5004f;
}
.settled a.settle_comm:hover {
  background-color: #c6094a;
}
.settled a.settle_commer {
  display: inline-block;
  width: 90px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #e5004f;
  color: #e5004f ;
}
.cooperat_com {
  padding-top: 15px;
}
.cooperat_com h2 {
  color: #090418;
  font-size: 16px;
  line-height: 35px;
  border-bottom: 1px solid #b9b9b9;
}
.cooperat_comlist {
  padding-top: 15px;
  border-bottom: 1px dashed #d9d9d9;
}
.cooperat_comlist > a {
  display: block;
  height: 35px;
  width: 55px;
  text-align: center;
  float: left;
}
.cooperat_comlist > a img {
  border-radius: 35px;
  behavior: url(css/PIE.htc);
  position: relative;
  width: 35px;
  height: 35px;
}
.cooperat_comlist p {
  color: #090418;
  font-size: 14px;
  line-height: 35px;
}
.cooperat_comlist p a {
  color: #090418;
  padding-left: 5px;
  color: #888;
}
.cooperat_comlist p a:hover {
  color: #e15345;
}
.cooperat_comlist .comm_text {
  padding: 10px;
  padding-top: 5px;
  font-size: 12px;
  color: #888;
  line-height: 20px;
}
.cooperat_comlist .comm_text a {
  color: #888;
  /*display: inherit;*/
}
.purchase {
  padding-top: 15px;
}
.purchaselist {
  padding-top: 15px;
  border-bottom: 1px dashed #d9d9d9;
  padding-bottom: 15px;
}
.purchase h2 {
  color: #090418;
  font-size: 16px;
  line-height: 35px;
  border-bottom: 1px solid #b9b9b9;
}
.purchaselist > a {
  display: block;
  height: 35px;
  width: 55px;
  text-align: center;
  float: left;
}
.purchaselist > a img {
  border-radius: 35px;
  behavior: url(css/PIE.htc);
  position: relative;
  width: 35px;
  height: 35px;
}
.purchaselist p {
  color: #090418;
  font-size: 14px;
  line-height: 35px;
  height: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.purchaselist p a {
  color: #090418;
  word-wrap: break-word;
}
.exclusive h2 {
  font-size: 16px;
  line-height: 35px;
  border-bottom: 1px solid #000;
}
.skincarelist {
  padding-top: 10px;
  padding-bottom: 20px;
}
.skincare {
  clear: both;
}
.skincare h2 {
  color: #e5004f;
  font-size: 16px;
  line-height: ;
  background: transparent url(../images/skincarebg.png) no-repeat left center;
  height: 50px;
}
.skincare h2 img {
  vertical-align: text-bottom;
}
.skincare h2 a {
  display: inline-block;
  padding-top: 10px;
  line-height: 40px;
  float: right;
  color: #e5004f;
  font-size: 16px;
  font-weight: normal;
  font-family: "microsoft yahei";
}
.skincare ul {
  border-left: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
}
.skincare ul li {
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  width: 180px;
  float: left;
  height: 180px;
}
.skincare ul li.pro_first {
  height: 360px;
  width: 273px;
}
.skincare ul li .liborder {
  border: 1px solid transparent;
  margin: -2px;
  padding-top: 1px;
  height: 180px;
  /*width:180px ;*/
  overflow: hidden;
}
.skincare ul li:hover .liborder {
  border: 1px solid #e5004f;
  overflow: hidden;
}
.skincare ul li.pro_first .liborder {
  border: 1px solid transparent;
  margin: -2px;
  padding-top: 1px;
  height: 360px;
  /*width: 273px;*/
}
.skincare ul li.pro_first:hover .liborder {
  border: 1px solid #e5004f;
  overflow: hidden;
}
.skincare ul li a {
  display: block;
  font-size: 12px;
  color: #000;
  overflow: hidden;
  text-align: center;
  padding: 2px;
}
.skincare ul li a h3 {
  font-size: 16px;
  color: #000;
  line-height: 50px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  text-overflow: hidden;
  overflow: hidden;
  width: 175px;
}
.skincare ul li.pro_first a h3 {
  font-size: 26px;
  color: #e5004f;
  line-height: 50px;
  font-weight: normal;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: hidden;
  width: 265px;
}
.skincare ul li.pro_first a p {
  font-size: 14px;
  color: #000 ;
  line-height: 20px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 225px;
}
.skincare ul li img {
  vertical-align: center;
  max-width: 170px;
  max-height: 130px;
}
.skincare ul li.pro_first img {
  vertical-align: center;
  max-width: 260px;
  max-height: 265px;
}
.skincare h2 {
  background: transparent url(../images/detailtitlebg.png) repeat-x left bottom;
  font-size: 25px;
  line-height: 55px;
  color: #000;
  font-family: "瀹嬩綋";
  padding-bottom: 3px;
  height: 55px;
  padding-left: 12px;
}
.skincare.circuler0 h2 {
  background: transparent url(../images/skincarebg.png) no-repeat left center;
  padding-bottom: 3px;
  padding-left: 60px;
  font-size: 25px;
  line-height: 50px;
  color: #000;
  font-family: "瀹嬩綋";
}
.brand_content_consult {
  padding-top: 15px;
  width: 1000px;
  margin: 0 auto;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 450px;
}
.content_consult {
  border: 1px solid #ccc;
  padding: 35px 65px;
}
.content_consult .consult_text {
  width: 840px;
  border: 1px solid #e9e9e9;
  padding: 10px 15px;
  margin-bottom: 15px;
  max-width: 840px;
}
.content_consult input.contactway {
  width: 855px;
  border: 1px solid #e9e9e9;
  line-height: 50px;
  padding-left: 15px;
}
.content_consult .consult_btu {
  padding-top: 20px;
  text-align: center;
}
.content_consult input.consult_ok {
  width: 250px;
  height: 50px;
  line-height: 50px;
  background-color: #e5004f;
  border: none;
  font-size: 20px;
  letter-spacing: 6px;
  color: #fff;
}
.brand_detail h2.brand_detail {
  background: transparent url(../images/brand_deail.png) no-repeat left center;
  padding-left: 40px;
  color: #fff;
  font-size: 22px;
  line-height: 40px;
  font-family: "瀹嬩綋";
}
.brand_detail h2.brand_detail a {
  color: #fff;
}
.brand_detail h2.brand_detail span {
  font-size: 16px;
  line-height: 35px;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 6px;
}
.brand_detail h2.brand_detail span a {
  color: #fff;
}
.brand_detail h2.brand_detail span.active {
  background-color: #4a4a4a;
}
.brand_detail h2.brand_detail span.prolist {
  margin-left: 40px;
}
h2.sampler {
  background: transparent url(../images/brand_deail.png) no-repeat left center;
  padding-left: 40px;
  color: #fff;
  font-size: 22px;
  line-height: 40px;
  font-family: "瀹嬩綋";
  clear: both;
}
h2.sampler a {
  color: #fff;
}
h2.sampler span {
  font-size: 16px;
  line-height: 35px;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 6px;
}
h2.sampler span a {
  color: #fff;
}
h2.sampler span.active {
  background-color: #4a4a4a;
}
h2.sampler span.prolist {
  margin-left: 40px;
}
.tetail_info {
  padding-top: 10px;
  padding-bottom: 15px;
}
.tetail_info h3.titler {
  font-size: 14px;
  color: #555;
  background: transparent url(../images/detailtitlebg.png) repeat-x left bottom;
  line-height: 55px;
  margin-bottom: 15px;
}
.tetail_info h3.titler span {
  font-size: 26px;
  color: #000;
  padding-right: 20px;
}
.tetail_info h3.titler span.simple_detail {
  display: inline-block;
  font-size: 14px;
  color: #555;
}
.tetail_info h3.titler span.scanpeo {
  display: inline-block;
  float: right;
  font-size: 12px;
  padding-left: 0;
  padding-top: 5px;
}
.tetail_info h3.titler span.scanpeo a {
  padding-right: 5px;
}
.tetail_info h3.titler span.scanpeo a img {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  behavior: url(css/PIE.htc);
  position: relative;
  vertical-align: text-bottom;
}
.tetail_info h3.titler span.scanpeo b {
  font-weight: normal;
  color: #e5004f;
}
table.detail_infos {
  margin: 0 auto;
  width: 820px;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
}
table.detail_infos th {
  padding: 5px;
  font-size: 14px;
  color: #333;
  text-align: right;
  width: 85px;
}
table.detail_infos td {
  padding: 5px;
  font-size: 14px;
  color: #888;
  text-align: left;
}
.detail_prolist {
  padding-top: 25px;
}
.detail_prolist ul li {
  border: 1px solid #ccc;
  border-bottom: 3px solid #333;
  float: left;
  position: relative;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 30px;
}
.detail_prolist ul li:hover {
  border-color: #e5004f;
}
.detail_prolist ul li > a {
  display: block;
  width: 228px;
  height: 228px;
  overflow: hidden;
  position: relative;
}
.detail_prolist ul li > a span.pricer {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  display: none;
}
.detail_prolist ul li > a:hover span.pricer {
  display: block;
}
.detail_prolist ul li > a img {
  max-width: 228px;
}
.detail_prolist ul li p {
  border-top: 1px solid #ccc;
  background-color: #e1e1e1;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 218px;
  padding-left: 5px;
  padding-right: 5px;
}
.detail_prolist ul li p a {
  font-size: 18px;
  color: #333;
  line-height: 40px;
}
.detail_prolist ul li .testermark {
  width: 89px;
  height: 92px;
  background: transparent url(../images/testmark.png) no-repeat center center;
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 99;
}
.scanmore {
  border: 1px solid #b0b0b0;
  font-size: 18px;
  color: #333;
  line-height: 50px;
  text-align: center;
}
.scanmore a {
  color: #333;
  display: block;
  line-height: 50px;
}
.detailpic {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.detailpic img {
  max-width: 1000px;
}
.notice {
  background: #e9e9e9 url(../images/icon_notice.png) no-repeat 22px center;
  padding-left: 43px;
  line-height: 45px;
  color: #333;
  margin-bottom: 20px;
}
.notice span {
  color: #e5004f;
}
.tetail_info h3.tetail_online {
  margin-bottom: 0;
}
.cooperation h4 {
  background: #fff url(../images/cooperbg.png) no-repeat left center;
  height: 40px;
  text-indent: -9999px;
}
.cooper_text p.yue {
  font-size: 12px;
  color: #333;
  line-height: 10px;
  padding: 0;
  padding-left: 50px;
  margin: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}
.cooper_text p.annoc {
  color: #888;
  font-size: 14px;
  line-height: 25px;
  padding-bottom: 15px;
}
.cooper_text {
  padding: 35px;
}
.cooper_text p.annoc span {
  color: #333;
}
.yixiang {
  padding-top: 25px;
}
.yixiang a {
  display: block;
  width: 200px;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  color: #fff;
  background-color: #e5004f;
  margin: 0 auto;
  text-align: center;
}
.yixiang a:hover {
  background-color: #c6094a;
}
.commenter .tijiaoer.branddis input.tijiao {
  background-color: #e5004f;
}
.commenter .tijiaoer.branddis input.tijiao:hover {
  background-color: #c6094a;
}
.pinglin .returnwriteto .wesure.branddiscu input.plok {
  background-color: #e5004f;
}
.samplepro {
  padding-top: 25px;
}
.samplepropic {
  border: 1px solid #ccc;
  position: relative;
  width: 345px;
  height: 345px;
  float: left;
}
.samplepropics {
  width: 345px;
  height: 345px;
  overflow: hidden;
}
.samplepropics img {
  width: 100%;
}
.samplepropic .tab_left {
  position: absolute;
  left: 0px;
  width: 50px;
  height: 50px;
  top: 40%;
  background: #ececec url(../images/sample_arrow_left.png) no-repeat center center;
  opacity: 0.3;
}
.samplepropic .tab_right {
  position: absolute;
  right: 0px;
  width: 50px;
  height: 50px;
  top: 40%;
  background: #ececec url(../images/sample_arrow_right.png) no-repeat center center;
  opacity: 0.3;
}
.samplepropic .tab_left:hover,
.samplepropic .tab_right:hover {
  opacity: 1;
}
.sampledetail {
  float: right;
  width: 570px;
  padding-left: 50px;
  padding-right: 30px;
}
.sampledetail h2 {
  color: #333;
  font-size: 24px;
  line-height: 40px;
  text-align: left;
  font-weight: normal;
}
.sampledetail p.refer {
  font-size: 14px;
  color: #ccc;
  line-height: 20px;
  padding-bottom: 10px;
}
table.sample_details {
  width: 550px;
}
table.sample_details th {
  font-size: 14px;
  color: #333;
  text-align: left;
  width: 80px;
}
table.sample_details td {
  padding: 3px;
  font-size: 14px;
  color: #888;
  text-align: left;
}
.sample_apply {
  padding-top: 15px;
}
.sample_apply .apply_go {
  width: 200px;
  height: 45px;
  line-height: 45px;
  background-color: #e5004f;
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 20px;
}
.sample_apply span {
  font-size: 16px;
  color: #888;
  line-height: 45px;
  padding-left: 30px;
}
.sample_apply span b {
  color: #e5004f ;
  font-size: 32px;
  font-weight: normal;
}
.sampledetail p.endtime {
  color: #333;
  font-size: 16px;
  line-height: 50px;
}
.sampledetail p.endtime b {
  color: #e5004f ;
  font-weight: normal;
}
.sample_pic {
  padding-top: 30px;
}
.sample_pic h3 {
  font-size: 16px;
  line-height: 45px;
  color: #333;
  text-indent: 12px;
  background: url(../images/detailtitlebg.png) repeat-x left bottom;
  margin-bottom: 15px;
}
.sample_pic .picworddetail {
  text-align: center;
}
.sample_pic .picworddetail img {
  max-width: 100%;
  vertical-align: bottom;
}
.sample_pic h3 span {
  padding-left: 20px;
  font-family: arial;
  color: #e5004f ;
}
.free_block.samplelist {
  padding-top: 10px;
  border-top: none;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.brand_announce {
  padding-top: 15px;
  width: 1000px;
  margin: 0 auto;
  padding-left: 25px;
  padding-right: 25px;
}
.brand_announce img {
  border: 1px solid #ccc;
  max-width: 100%;
}
.announce_text {
  padding-bottom: 30px;
}
.announce_text h2 {
  text-align: center;
  line-height: 50px;
  font-weight: normal;
  font-size: 24px;
}
.announce_text p {
  font-size: 14px;
  line-height: 30px;
  text-indent: 28px;
}
.announce_text h3 {
  padding-top: 15px;
  font-size: 14px;
  line-height: 30px;
}
.importer {
  padding-top: 10px;
  padding-bottom: 20px;
}
.importer h2 {
  color: #e5004f;
  font-size: 16px;
  line-height: ;
  background: transparent url(../images/detailtitlebg.png) repeat-x left bottom;
  height: 55px;
  font-size: 25px;
  line-height: 55px;
  color: #000;
  font-family: "瀹嬩綋";
}
.importer h2 img {
  vertical-align: text-bottom;
}
.importer h2 a {
  display: inline-block;
  padding-top: 10px;
  line-height: 40px;
  float: right;
  color: #e5004f;
}
.importlist {
  padding-top: 25px;
}
.importlist p.brief {
  color: #888;
  font-size: 12px ;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 215px;
}
.importlist ul {
  border-left: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
}
.importlist ul li {
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  width: 248px;
  float: left;
  height: 300px;
}
.importlist ul li .liborder {
  border: 1px solid transparent;
  margin: -2px;
  padding-top: 1px;
  height: 300px;
  overflow: hidden;
  /*width:180px ;*/
}
.importlist ul li:hover .liborder {
  border: 1px solid #e5004f;
  overflow: hidden;
}
.importlist ul li a {
  display: block;
  font-size: 12px;
  color: #000;
  overflow: hidden;
  text-align: center;
  padding: 2px;
}
.importlist ul li a h3 {
  font-size: 16px;
  padding-top: 15px;
  color: #000;
  line-height: 30px;
  height: 30px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  width: 245px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.importlist ul li img {
  vertical-align: center;
  max-width: 247px;
  max-height: 215px;
}
.login .namer {
  background: url(../images/icon_user.png) no-repeat left center;
  padding-left: 16px;
  padding-right: 10px;
}
.login .messages {
  background: url(../images/icon_user-02.png) no-repeat left center;
  padding-left: 16px;
  padding-right: 10px;
}
.login .messages b {
  font-weight: normal;
  color: #e15345;
}
.login .contacter {
  background: url(../images/icon_user-03.png) no-repeat left center;
  padding-left: 16px;
  padding-right: 10px;
}
.login .contacter b {
  font-weight: normal;
  color: #e15345;
}
.login .exit {
  background: url(../images/icon_user-04.png) no-repeat left center;
  padding-left: 16px;
  padding-right: 10px;
}
.user_content_box {
  border-top: 2px solid #e15345;
  background-color: #f5f5f5;
  border-bottom: 2px solid #e15345;
  padding-bottom: 35px;
}
.user_content {
  padding-top: 20px;
  width: 1000px;
  margin: 0 auto;
}
.user_left {
  width: 680px;
  float: left;
}
.aboutme {
  background-color: #fff;
  border: 1px solid #e9e9e9;
}
.hisinfo {
  padding-top: 35px;
}
.my_head {
  width: 130px;
  padding-left: 100px;
  text-align: center;
  float: left;
}
.my_head > img {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  behavior: url(css/PIE.htc);
  position: relative;
}
.my_head p {
  font-size: 20px;
  line-height: 35px;
}
.my_head p img {
  vertical-align: middle;
  margin-right: 7px;
}
.modify {
  padding: 15px;
}
.modify span {
  display: block;
  background: url(../images/icon_modify.png) no-repeat left center;
  color: #333;
  font-size: 12px;
  float: right;
  padding-left: 20px;
  cursor: pointer;
}
.modify span a {
  color: #333;
}
.send {
  padding: 15px;
}
.send span {
  display: block;
  background: url(../images/icon_xin.png) no-repeat left center;
  color: #333;
  font-size: 12px;
  float: right;
  padding-left: 20px;
  cursor: pointer;
  line-height: 14px;
  height: 14px;
}
.send span a {
  color: #333;
}
.my_info {
  width: 380px;
  float: left;
  padding-left: 30px;
  padding-bottom: 40px;
}
.my_info h2 {
  font-size: 30px;
  color: #333;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #e9e9e9;
  width: 300px;
  font-weight: normal;
  margin-bottom: 18px;
  padding-bottom: 6px;
}
.my_info p {
  font-size: 14px;
  line-height: 22px;
  color: #888;
}
.my_pro span {
  width: 169px;
  display: block;
  float: left;
  font-size: 16px;
  height: 40px;
  text-align: center;
  border-top: 1px solid #e9e9e9;
}
.my_pro span.active {
  border-bottom: 3px solid #333;
}
.my_pro span a {
  color: #555;
  line-height: 40px;
  display: block;
}
.my_infodetail h3 {
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #dedede;
  line-height: 30px;
  padding-top: 15px;
  font-weight: normal;
}
.my_infodetail h3 a {
  display: inline-block;
  float: right;
  color: #888;
  font-size: 12px;
}
.my_detail {
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 90px;
}
.my_detail span {
  display: block;
  color: #333;
  line-height: 30px;
}
.my_detail span.floter {
  float: left;
  width: 50%;
}
.my_detail span.rightor {
  text-align: right;
  float: right;
  width: 50%;
}
.user_right {
  width: 300px;
  float: right;
}
.my_visitor {
  background-color: #fff;
  border: 1px solid #ebebeb;
  padding-top: 10px;
}
.todaydate {
  font-size: 14px;
  color: #e15345;
  text-align: center;
  line-height: 40px;
  padding-bottom: 20px;
}
.todaydate b {
  font-weight: normal;
  font-family: georgia;
  font-size: 22px;
}
.my_visitor p {
  font-size: 14px;
  color: #333;
  line-height: 25px;
  text-align: center;
}
.my_visitor p b {
  color: #e15345;
  font-weight: normal;
}
.my_visitor p.rank {
  padding-bottom: 15px;
}
.visitors {
  padding-top: 20px;
}
.visitors h2 {
  color: #090418;
  border-bottom: 1px solid #b9b9b9;
  font-size: 16px;
  font-weight: 16px;
  line-height: 30px;
  margin-bottom: 15px;
}
.visitorslist {
  padding-left: 12px;
  border-bottom: 1px solid #b9b9b9;
  margin-bottom: 15px;
}
.visitor_num {
  border-top: 1px solid #ebebeb;
  line-height: 45px;
  height: 45px;
  font-size: 14px;
  color: #333;
}
.visitor_num span {
  display: inline-block;
  width: 49%;
  text-align: center;
}
.visitor_info {
  width: 55px;
  float: left;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 15px;
}
.visitor_info p {
  font-size: 12px;
  color: #888;
  text-align: center;
  line-height: 20px;
  font-weight: normal;
}
.visitor_info a {
  display: block;
  text-align: center;
}
.visitor_info a img {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  behavior: url(css/PIE.htc);
  position: relative;
}
.message_text {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}
.message_head {
  width: 75px;
  float: left;
  text-align: center;
}
.message_head a {
  display: block;
}
.message_head a img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  behavior: url(css/PIE.htc);
  position: relative;
}
.message_word {
  width: 590px;
  float: right;
}
.message_word h3 {
  font-size: 14px;
  color: #333;
  line-height: 30px;
  height: 30px;
  font-weight: normal;
}
.message_word h3 span {
  display: inline-block;
  float: right;
  font-size: 12px;
  color: #ccc;
  padding-right: 12px;
}
.message_word h3 a {
  display: inline-block;
  float: right;
  font-size: 12px;
  color: #888;
}
.message_words {
  font-size: 12px;
  color: #888;
  position: relative;
}
.message_words a {
  color: #888;
  line-height: 18px;
}
.message_words span {
  font-size: 10px;
  display: block;
  position: relative;
  width: 20px;
  line-height: 20px;
  background-color: #e9e9e9;
  border-radius: 50%;
  behavior: url(css/PIE.htc);
  position: absolut;
  eright: 0;
  top: 3px;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  color: #888;
  right: 0;
  top: 5px;
  float: right;
}
.my_words p.words_name {
  background-color: #ebebeb;
  height: 30px;
  font-size: 14px;
  color: #000;
  text-align: center;
  line-height: 30px;
  margin-bottom: 10px;
}
.my_words p.words_name a {
  color: #333;
  display: inline-block;
  float: left;
  padding-left: 15px;
}
.wordslist,
.wordslist_re {
  padding-top: 10px;
  padding-bottom: 10px;
}
.words_head {
  width: 80px;
  float: left;
  text-align: center;
}
.words_headre {
  width: 80px;
  float: right;
  text-align: center;
}
.words_head a,
.words_headre a {
  display: block;
}
.words_head a img,
.words_headre a img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  behavior: url(css/PIE.htc);
  position: relative;
}
.words_text {
  width: 600px;
  float: left;
  font-size: 12px;
  color: #555;
  line-height: 20px;
}
.words_text span.word_content {
  display: inline-block;
  background-color: #e3e3e3;
  max-width: 100%;
  border-radius: 5px;
  behavior: url(css/PIE.htc);
  position: relative;
  padding: 15px;
}
.words_text span.arrow {
  position: absolute;
  background: url(../images/icon_words.png) no-repeat left center;
  width: 8px;
  height: 9px;
  top: 14px;
  left: -8px;
}
.words_time {
  background: url(../images/dash.jpg) repeat-x center center;
  text-align: center;
  height: 25px;
  line-height: 25px;
}
.words_time span {
  display: inline-block;
  background-color: #F5F5F5;
  font-size: 12px;
  color: #ccc;
  padding-left: 12px;
  padding-right: 12px;
}
.words_retext {
  width: 600px;
  float: right;
  font-size: 12px;
  color: #555;
  line-height: 20px;
  text-align: right;
}
.words_retext span.word_content {
  display: inline-block;
  background-color: #e3e3e3;
  max-width: 100%;
  border-radius: 5px;
  behavior: url(css/PIE.htc);
  position: relative;
  padding: 15px;
}
.words_retext span.arrow {
  position: absolute;
  background: url(../images/icon_words-02.png) no-repeat left center;
  width: 8px;
  height: 9px;
  top: 14px;
  right: -8px;
}
.message_return {
  padding-top: 10px;
}
.words_write {
  border: 1px solid #e9e9e9;
  padding: 10px;
  width: 660px;
  max-width: 660px;
}
.return_sure {
  text-align: right;
  padding-top: 10px;
}
.return_btn {
  width: 80px;
  height: 30;
  line-height: 30px;
  color: #fff;
  text-align: center;
  border: 1px solid #e9e9e9;
  background-color: #e15345;
  font-size: 14px;
}
.my_contactslist {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}
.contacts_head {
  width: 75px;
  float: left;
  text-align: center;
}
.contacts_head a {
  display: block;
}
.contacts_head a img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  behavior: url(css/PIE.htc);
  position: relative;
}
.contacts_info {
  width: 420px;
  float: left;
  padding-left: 15px;
  padding-right: 10px;
}
.contacts_info h3 {
  line-height: 35px;
  font-weight: normal;
}
.contacts_info h3 a {
  font-size: 16px;
  color: #333;
  padding-right: 12px;
}
.contacts_info h3 span {
  font-size: 12px;
  color: #555;
}
.contacts_info p a {
  font-size: 12px;
  color: #888;
}
.contact_opeart {
  width: 150px;
  float: right;
  padding-top: 20px;
  min-height: 30px;
  text-align: right;
}
.my_contactslist:hover .contact_opeart a {
  display: inline-block;
}
.contact_opeart a {
  display: inline-block;
  width: 60px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  display: none;
}
.contact_opeart a.delete {
  background-color: #e15345;
  color: #fff;
  margin-right: 15px;
}
.contact_opeart a.attent {
  width: 58px;
  height: 23px;
  line-height: 23px;
  border: 1px solid #e15345;
  color: #e15345;
}
.my_contacts p.words_name {
  background-color: #ebebeb;
  height: 30px;
  font-size: 14px;
  color: #000;
  text-align: center;
  line-height: 30px;
  margin-bottom: 10px;
  text-align: left;
}
.my_contacts p.words_name a {
  color: #333;
  display: inline-block;
  padding-left: 15px;
}
.my_contacts p.words_name a b {
  color: #e15345;
  font-weight: normal;
}
.contact_opeart_apply {
  width: 110px;
  float: right;
  padding-top: 20px;
  min-height: 30px;
  text-align: right;
}
.contact_opeart_apply a {
  display: block;
  width: 50px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}
.contact_opeart_apply a.agree {
  background-color: #e15345;
  color: #fff;
  float: left;
}
.contact_opeart_apply a.ignore {
  color: #000;
  float: left;
}
.his_pro span {
  width: 50%;
  display: block;
  float: left;
  font-size: 16px;
  height: 40px;
  text-align: center;
  border-top: 1px solid #e9e9e9;
}
.his_pro span.active {
  border-bottom: 3px solid #333;
}
.his_pro span a {
  color: #555;
  line-height: 40px;
}
.my_detail a.change {
  display: inline-block;
  width: 60px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  background-color: #e15345;
  font-size: 12px;
  text-align: center;
  margin-left: 25px;
  margin-right: 20px;
}
.my_detail a.changed {
  text-align: center;
  width: 60px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  background-color: #888;
  font-size: 12px;
  display: inline-block;
}
.publish_left {
  width: 680px;
  float: left;
  background-color: #fff;
}
.his_publish {
  padding: 15px 30px;
}
.his_publishlist {
  background-color: #F5F5F5;
  padding-bottom: 1px;
  margin-bottom: 11px;
}
.infos_publish h3 a.his_card {
  display: inline-block;
  float: right;
  background-color: #fd7d31;
  width: 60px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 20px;
  behavior: url(css/PIE.htc);
  position: relative;
  margin-top: 5px;
}
.infos_publish p a.say_hello {
  display: inline-block;
  float: right;
  width: 60px;
  height: 22px;
  line-height: 22px;
  color: #555;
  font-size: 12px;
  text-align: center;
}
.comment {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 20px;
}
.comment a {
  font-size: 12px;
  color: #555;
}
.comment span.comment_time {
  display: inline-block;
  float: left;
}
.comment span.comments {
  display: inline-block;
  float: right;
}
.comment span a b {
  color: #ff5b5b;
}
.publish_thumbnail {
  padding-left: 15px;
  padding-right: 15px;
}
.publish_thumbnail img {
  max-width: 100%;
}
.my_account {
  padding-top: 45px;
  text-align: center;
  min-height: 300px;
}
.my_account a {
  display: inline-block;
  line-height: 150px;
  font-size: 24px;
  color: #333;
}
.my_account a.phone {
  width: 140px;
  height: 150px;
  background: #b6b6b6 url(../images/icon_phone.png) no-repeat 70px center;
  padding-left: 140px;
  margin-right: 20px;
  text-align: left;
}
.my_account a.phone:hover {
  background: #f4a01c url(../images/icon_phone2.png) no-repeat 70px center;
  padding-left: 140px;
  margin-right: 20px;
  color: #fff;
}
.my_account a.wechat {
  width: 130px;
  height: 150px;
  background: #b6b6b6 url(../images/icon_wechat.png) no-repeat 70px center;
  padding-left: 150px;
  text-align: left;
}
.my_account a.wechat:hover {
  background: #28ae67 url(../images/icon_wechat2.png) no-repeat 70px center;
  padding-left: 150px;
  color: #fff;
}
.password_box {
  border: 1px solid #ccc;
  padding: 45px 180px;
  min-height: 500px;
}
.steps ul li {
  font-size: 16px;
  color: #333;
  line-height: 35px;
  text-align: center;
  float: left;
}
.steps ul li a {
  color: #333;
}
.steps ul li.step1 {
  width: 208px;
  height: 35px;
  background: url(../images/step1.png) no-repeat center center;
}
.steps ul li.step1.active {
  background: url(../images/step12.png) no-repeat center center;
}
.steps ul li.step1.active a {
  color: #fff;
}
.steps ul li.step2 {
  width: 208px;
  height: 35px;
  background: url(../images/step2.png) no-repeat center center;
}
.steps ul li.step2.active {
  background: url(../images/step22.png) no-repeat center center;
}
.steps ul li.step2.active a {
  color: #fff;
}
.steps ul li.step3 {
  width: 200px;
  height: 35px;
  background: url(../images/step3.png) no-repeat center center;
}
.steps ul li.step3.active {
  background: url(../images/step32.png) no-repeat center center;
}
.steps ul li.step3.active a {
  color: #fff;
}

.password_info {
  padding-bottom: 20px;
  text-align: center;
}
.password_info span {
  display: inline-block;
  height: 35px;
}
.password_info span.tele {
  width: 75px;
  font-size: 14px;
  color: #333;
}
.password_info span input.telephoner {
  width: 278px;
  height: 33px;
  border: 1px solid #b9b9b9;
  background-color: transparent;
  text-indent: 10px;
}
.password_info span input.yzm {
  width: 178px;
  height: 33px;
  border: 1px solid #b9b9b9;
  background-color: transparent;
  text-indent: 10px;
}
.password_info span.getyamer {
  padding-left: 15px;
}
.password_info span.getyamer a {
  width: 80px;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  background-color: #e15345;
  color: #fff;
  font-size: 12px;
  text-align: center;
}
.password_info span.password_ok input.password_sure {
  width: 100px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  background-color: #e15345;
  color: #fff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 3px;
  border: none;
}
.password_tishi {
  color: #e15345;
  padding-left: 175px;
  font-size: 14px;
}
.password_success {
  font-size: 16px;
  color: #333;
  line-height: 100px;
  text-align: center;
  min-height: 400px;
}
.password_success a {
  color: #e15345;
}
.popbox {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.pop {
  width: 430px;
  min-height: 230px;
  margin: 0 auto;
  border: 10px solid rgba(0, 0, 0, 0.4);
  background-color: #fff;
  padding-bottom: 10px;
}
.pop h2 {
  font-size: 20px;
  text-align: center;
  background-color: #fd7d31;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-weight: normal;
}
.pop ul {
  padding-top: 25px;
}
.pop ul li {
  width: 80px;
  height: 30px;
  float: left;
  border: 1px solid #fd7d31;
  color: #fd7d31;
  line-height: 30px;
  text-align: center;
  margin-left: 30px;
  margin-right: 28px;
  font-size: 16px;
  margin-bottom: 15px;
}
.pop ul li.active {
  background-color: #fd7d31;
  color: #fff;
}
.pop .opeart {
  text-align: center;
  padding-top: 10px;
}
.pop .opeart a {
  width: 120px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
.pop .opeart a.sure {
  background-color: #fd7d31;
  color: #fff;
  display: inline-block;
  margin-right: 30px;
}
.pop .opeart a.concle {
  background-color: #e9e9e9;
  color: #333;
  display: inline-block;
}
.my_bindphone .propmt {
  font-size: 16px;
  color: #333;
  line-height: 25px;
  text-align: center;
  padding-left: 50px;
}
.my_bindphone {
  padding-top: 50px;
}
.bindphone span input.telephoner {
  width: 208px;
  height: 33px;
  border: 1px solid #b9b9b9;
  background-color: #fff;
  text-indent: 10px;
}
.bindphone span input.yzm {
  width: 108px;
  height: 33px;
  border: 1px solid #b9b9b9;
  background-color: #fff;
  text-indent: 10px;
}
.ercode {
  text-align: center;
  padding: 15px;
}
.nav_left {
  width: 268px;
  float: left;
  background-color: #fff;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #F2F2F2; 
}
.nav_left ul li {
  padding: 10px 0;
  height: 32px;
  line-height: 32px;
}
.nav_left ul li a {
  height: 32px;
  display: block;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #333333;
  padding-left: 30px;
   border-left: 3px solid #fff;
}

.nav_left ul li.current a{
  border-left: 3px solid #E9372C;
}
.nav_left ul li:hover {
  background: #E9372C;
 
}

.nav_left ul li:hover a{
   color: #fff;
   border-left: 3px solid #E9372C;
}
.help_contenter {
  width: 836px;
  box-sizing: border-box;
  border: 1px solid #F2F2F2; 
  float: right;
  background-color: #fff;
  min-height: 400px;
  line-height: 24px;
  font-size: 16px;
  color: #333;
}
.help_contenter .contact{
  padding:30px;
}
.help_contenter .contact p{
  font-family: .PingFangSC-Regular;
font-size: 14px;
color: #333333;
line-height: 18px;
margin-bottom: 18px;
}

.help_contenter h2 {
  font-family: .PingFangSC-Regular;
  font-size: 16px;
  padding-left: 30px;
  color: #444444;
  border-bottom: 1px solid #eee;
}
.help_contenter .good{
  padding: 0 30px;
  padding-top: 24px;
  padding-bottom: 54px;
}
.help_contenter .join{
  padding: 0 30px;
  padding-bottom: 38px;
}
.help_contenter .good p,.help_contenter .join p{
  font-family: .PingFangSC-Regular;
font-size: 14px;
color: #333333;
line-height: 24px;
}
.help_contenter .join p{
  color: #555;
}
.help_contenter .good .well{
  margin-bottom: 12px;
  font-weight: 600;
  font-family: .PingFangSC-Medium;
  font-size: 15px;
}
.help_contenter h2 > span {
  display: inline-block;
  line-height: 66px;
}
.help_contenter .big_title{
  padding-left: 30px;
  font-family: .PingFangSC-Medium;
  font-weight: 600;
font-size: 16px;
color: #000000;
}
.help_contenter .about{
  font-size: 14px;
  padding:30px;
}
.help_contenter .about p{
  line-height: 18px;
  margin-bottom: 18px;
}

.help_contenter .job {
  font-size: 18px;
  margin-bottom: 50px;
  padding:0 30px;
}
.help_contenter .job .title .ul,.help_contenter .job .jobBox .li{
  float: left;
}
.help_contenter .job .title {
  padding: 20px 0;
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 16px;
}
.help_contenter .job .title .ul{
  width: 135px;
  height: 35px;
  background: #777777;
  border-radius: 4px;
  margin-right: 19px;
  color:#fff;
  text-align: center;
  line-height: 35px;
}

.help_contenter .job .title .ul.active{
  background: #E9372C;
}


.help_contenter .jobBox .li:not(:first-of-type) {
    display: none;
}
.help_contenter .job .jobBox .jobName span{
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 26px;
  border-top: 2px solid  #E9372C;;
 
}

.help_contenter .job .title .ul:hover {
  cursor: pointer;
}
.help_contenter .job .jobBox p {
 font-family: .PingFangSC-Regular;
  font-size: 14px;
  color: #8E8E8E;
  line-height: 24px;
}
.help_content_box {
  padding-bottom: 35px;
  font-family: 'MicrosoftYaHei';
  padding-top: 16px;
}
.help_content {
  width: 1120px;
  margin: 0 auto;
  background-color: #fafafa;
}
h2.applytable {
  font-size: 28px;
  color: #333 ;
  text-align: center;
  line-height: 50px;
  padding-bottom: 25px;
}
.login_infoline4 span input.sample_cancle {
  width: 140px;
  height: 40px;
  background-color: #e9e9e9;
  color: #333;
  border: none;
  font-size: 20px;
  letter-spacing: 2px;
  margin-left: 35px;
}
.login_infobox .sample_prompt {
  color: #333;
  font-size: 16px;
  padding-bottom: 20px;
  line-height: 45px;
  white-space: nowrap;
  overflow: visible;
}
.modifybox {
  padding-top: 100px;
  padding-bottom: 120px;
}
.modifycontent {
  padding-top: 60px;
}
.popuper {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 999;
  top: 0;
}
.pupbox {
  width: 580px;
  margin: 0 auto;
  border: 10px solid rgba(0, 0, 0, 0.4);
  background-color: #fff;
  padding-bottom: 30px;
}
.pupbox h2 {
  font-size: 20px;
  color: #fff;
  text-align: center;
  height: 50px;
  line-height: 50px;
  background-color: #e15345;
  font-weight: normal;
}
.pupform {
  padding-top: 40px;
  padding-left: 5px;
}
.formunit {
  width: 50%;
  float: left;
  padding-bottom: 20px;
}
.formunit_name {
  font-size: 14px;
  color: #333;
  line-height: 35px;
  display: inline-block;
  padding-right: 5px;
  width: 45px;
  text-align: right;
}
.formunit_text {
  position: relative;
}
.formunit_text input {
  border: 1px solid #e9e9e9;
  background-color: #fff;
  height: 35px;
  width: 210px;
  padding-left: 5px;
}
.formunit_text input.shi_chosed {
  background: #fff url(../images/icon_jiao.png) no-repeat 206px 26px;
}
.formunit span.formunit_text ul {
  position: absolute;
  width: 215px;
  background-color: #fff;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  max-height: 210px;
  overflow: auto;
  overflow-x: hidden;
  left: 0px;
  z-index: 100;
}
.formunit span.formunit_text.labelchose ul {
  left: 0px;
}
.formunit span.formunit_text ul li {
  line-height: 30px;
  color: #ccc;
  border-bottom: 1px solid #e9e9e9;
  font-size: 12px;
  text-indent: 5px;
}
.formunit span.formunit_text ul li:hover {
  background-color: #888;
  color: #fff;
}
.text_ok {
  text-align: center;
  padding-top: 15px;
}
.text_ok span input {
  width: 120px;
  height: 40px;
  background-color: #e15345;
  color: #fff;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  border: none;
  cursor: pointer;
}
.text_ok span input:hover {
  background-color: #c8473a;
}
.text_ok span input.sample_cancle {
  width: 120px;
  height: 40px;
  background-color: #e9e9e9;
  color: #333;
  border: none;
  font-size: 18px;
  letter-spacing: 2px;
  margin-left: 35px;
}
.demand_write {
  text-align: center;
  padding-bottom: 20px;
}
.demand_write .demand {
  width: 450px;
  height: 100px;
  border: 1px solid #e9e9e9;
  padding: 10px;
  max-width: 450px;
}
.companyunit {
  padding-bottom: 20px;
}
.companyunit_name {
  font-size: 14px;
  color: #333;
  line-height: 35px;
  display: inline-block;
  padding-right: 5px;
  width: 95px;
  text-align: right;
  vertical-align: top;
}
.companyer_name {
  font-size: 14px;
  color: #333;
  line-height: 35px;
  display: inline-block;
  padding-right: 5px;
  width: 74px;
  text-align: right;
  vertical-align: top;
}
.companyer_text input {
  border: 1px solid #e9e9e9;
  background-color: #fff;
  height: 35px;
  width: 470px;
  padding-left: 5px;
}
span.companyproname {
  font-size: 14px;
  color: #333;
  line-height: 35px;
  display: inline-block;
  padding-right: 5px;
  width: 95px;
  text-align: right;
  vertical-align: top;
}
.companyunit_text input {
  border: 1px solid #e9e9e9;
  background-color: #fff;
  height: 35px;
  width: 425px;
  padding-left: 5px;
}
.companypro {
  width: 410px;
  height: 100px;
  border: 1px solid #e9e9e9;
  padding: 10px;
  max-width: 410px;
}
.search_pad {
  padding-top: 15px;
}
.info_content p.best_result {
  font-size: 14px;
  color: #888;
  padding-bottom: 15px;
}
.none_search {
  text-align: center;
  font-size: 24px;
 
}
.errorpage_box {
  border-top: 2px solid #e15345;
  background-color: #f5f5f5;
  padding-bottom: 15px;
}
.errorpage {
  padding-top: 15px;
  width: 1000px;
  margin: 0 auto;
  padding-left: 25px;
  padding-right: 25px;
}
.errorimg {
  float: left;
  width: 250px;
  padding-top: 160px;
  padding-left: 240px;
}
.errortext {
  float: left;
  width: 500px;
  padding-top: 160px;
  color: #4d4c4c;
  font-size: 16px;
  line-height: 28px;
}
.jumper {
  text-align: center;
}
.jumper a.gohome {
  display: inline-block;
  padding-left: 25px;
  padding-right: 25px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  text-align: center;
  background-color: #e15345;
  font-size: 16px;
  margin-right: 40px;
}
.jumper a.gobrand {
  display: inline-block;
  width: 110px;
  height: 35px;
  line-height: 35px;
  color: #333;
  text-align: center;
  background-color: #e9e9e9;
  font-size: 16px;
  margin-right: 40px;
}
.poperbox {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.poperbox .poper {
  width: 388px;
  border: 10px solid #ababab;
  padding-bottom: 20px;
  padding-top: 20px;
  margin: 0 auto;
  background-color: #fffffd;
}
.poper h3 {
  font-size: 18px;
  color: #333;
  text-align: center;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 10px;
}
.poper p {
  font-size: 16px;
  color: #888;
  line-height: 30px;
  text-align: center;
}
.decide {
  text-align: center;
  padding-top: 20px;
}
.decide a {
  display: inline-block;
  padding-left: 35px;
  padding-right: 35px;
  line-height: 35px;
  background-color: #e15345;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.decide a.yes {
  margin-right: 20px;
}
.decide a.no {
  background-color: #e9e9e9;
  color: #333;
}
.impowerBox .qrcode {
  padding-top: 0px;
  border: none;
}
.impowerBox .title {
  display: none;
}
.impowerBox .status p {
  color: #fff;
}
.hello_word {
  line-height: 16px;
  font-size: 14px;
  text-align: #333;
  padding-left: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.hello_word p {
  padding-left: 25px;
  line-height: 25px;
  padding-right: 50px;
}
.hello_word i.word_chose {
  display: inline-block;
  border: 1px solid #e15345;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  behavior: url(css/PIE.htc);
  position: relative;
  vertical-align: top;
  float: left;
  margin-top: 5px;
}
.hello_word i.word_chose.chosed {
  background: #e15345 url(../images/icon_right.png) no-repeat center center;
}
.hello_word .word_chosebtn {
  display: none;
}
.hello_word .my_helloword {
  width: 445px;
  max-width: 455px;
  border: 1px solid #e9e9e9;
  padding: 10px;
  line-height: 25px;
}
.returntop {
  position: fixed;
  right: 20px;
  bottom: 110px;
  border: 1px solid #eeeeee;
  font-size: 15px;
  background: white;
  z-index: 22;
}
.returntop > div:hover {
  background: #e8e8e8;
}
.returntop > div {
  width: 18px;
  height: 18px;
  padding: 14px;
}
.returntop div:not(:last-child) {
  border-bottom: 1px solid #eeeeee;
}
.returntop .suggest {
  position: relative;
}
.returntop .suggest:hover {
  cursor: pointer;
}
.returntop .suggest:hover .advisebox {
  display: block;
}
.returntop .suggest a {
  color: #b7bdc7;
}
.returntop > div > img {
  display: block;
  margin: 0 auto;
}
.returntop .erweima {
  position: relative;
}
.returntop .erweima:hover .ewmBox {
  display: block;
}
.returntop .erweima .ewmBox {
  position: absolute;
  width: 250px;
  height: 100px;
  padding: 10px;
  bottom: -48px;
  left: -280px;
  display: none;
  background: #fff;
  border: solid 1px #ededed;
  border-radius: 6px;
}
.returntop .erweima .ewmBox img {
  width: 100px;
  height: 100px;
  float: left;
}
.returntop .erweima .ewmBox div {
  float: left;
  width: 143px;
  font-family: PingFangSC-Medium,microsoft yahei;
  font-weight: 500;
  font-size: 13px;
  color: #BAC0C5;
  margin-left: 7px;
  padding-top: 7px;
  line-height: 18px;
}
.returntop .gotop {
  cursor: pointer;
}
.returntop .gotop img{
  margin-top: 4px;
}
.vote_article h2 {
  color: #333;
  font-size: 26px;
  line-height: 55px;
  border-bottom: 1px solid #d8d8d8;
}
.vote_article .abstract {
  font-size: 16px;
  color: #333;
  line-height: 26px;
  padding-top: 10px;
  padding-bottom: 25px;
}
.vote_problem {
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  padding-bottom: 20px;
}
.problemunit {
  padding: 20px;
  border-bottom: 1px solid #d8d8d8;
}
.problem {
  font-size: 16px;
  color: #555;
  line-height: 25px;
  padding-bottom: 5px;
}
.pro_choice {
  font-size: 16px;
  color: #555;
}
.pro_choice p {
  line-height: 25px;
  padding-left: 24px;
  padding-bottom: 10px;
}
.pro_choice p span.kuang {
  display: inline-block;
  float: left;
}
.pro_choice p span.choice_text {
  display: inline-block;
  width: 500px;
  float: left;
}
.pro_choice input {
  margin-right: 8px;
  vertical-align: middle;
}
.vote_submit {
  padding-top: 20px;
  text-align: center;
}
.vote_submit .vote_tijiao {
  width: 100px;
  height: 35px;
  text-align: center;
  font-size: 16px;
  line-height: 35px;
  background-color: #e15345;
  letter-spacing: 8px;
  border: none;
  border-radius: 2px;
  color: #fff;
}
.meter {
  height: 5px;
  /* Can be anything */
  position: relative;
  background: #d8d8d8;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  width: 475px;
  top: 10px;
  width: 80%;
}
.meter > span {
  display: block;
  height: 100%;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #2bc253;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2bc253), color-stop(1, #54f054));
  background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}
.meter > span:after,
.animate > span > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}
.animate > span:after {
  display: none;
}
@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.orange > span {
  background-color: #f1a165;
  background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
  background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
}
.red > span {
  background-color: #f0a3a3;
  background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
  background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}
.nostripes > span > span,
.nostripes > span:after {
  -webkit-animation: none;
  background-image: none;
}
.vote_result {
  padding-left: 24px;
  height: 30px;
}
.vote_resulter {
  width: 85px;
  float: right;
}
.vote_resulter span {
  padding-right: 12px;
}
.pro_choice p.choiced {
  line-height: 25px;
  padding-left: 24px;
  padding-bottom: 0px;
}
.vote_share {
  padding-top: 20px;
  text-align: center;
  font-size: 16px;
  color: #333;
}
.vote_share a {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 30px;
  margin-left: 16px;
  vertical-align: middle;
}
.vote_share a.sharewechat {
  background: #28ae67 url(../images/weixin.png) no-repeat center center;
}
.vote_share a.sharezone {
  background: #f4a01c url(../images/qq.png) no-repeat center center;
}
.vote_share a.sharesina {
  background: #fc8848 url(../images/weibo.png) no-repeat center center;
}
/* 专题头部start */
.subjectpic {
 float: left;
overflow: hidden;
width: 836px;
height: 388px;
margin-right: 16px;
}

.subjectpic img {
 display: block;
 width: 100%;
}
.subjectarticle,.livearticle{
  margin-bottom: 35px;
}

.subjectarticle h2 {
  font-family: PingFangSC-Semibold;
  font-size: 21px;
  color: #000000;
  line-height: 30px;
}
.subjectarticle .abstract {
  
  float: right;
  width: 268px;
  height: 388px;
  box-sizing: border-box;
  border: 1px solid #F2F2F2; 
  padding: 24px 16px;
  background-color: #fff;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #4D4D4D;
  line-height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
          justify-content:space-between;

}
.subjectarticle .abstract h2{
   display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp:3;
    text-overflow: ellipsis;
    overflow: hidden;
}
.subjectarticle .abstract div{
      display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 7;
    -webkit-line-clamp: 7;
    text-overflow: ellipsis;
    overflow: hidden;
}

.subjectarticle .abstract  img{
  display: block;
  margin-bottom: 12px;
  width: 18px;
  height: 16px;
}
/* 专题头部end */
/*直播头部start */

.livearticle .live_pic{
  float: left;
  width: 552px;
  height:310px !important;
  overflow: hidden;
}
.livearticle .live_pic .prism-player{
  height:310px !important;
}
.livearticle .live_pic img{
  width: 552px;
  height:310px;

}
.livearticle .live_right{
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 20px 15px 26px;
  background-color: #fff;
  width: 568px;
  border: 1px solid #F2F2F2;
}
.livearticle .live_right h2{
  line-height: 33px;
  font-size: 24px;
  color: #111111;
  font-weight: 700;
  margin-bottom: 18px;
}
.livearticle .live_right .abstract{
  padding-top: 26px;
  background: url(../images/comma.png) no-repeat left top;
  line-height: 26px;
  height: 178px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #666666;
}
.livearticle .live_right .visitor{
  float: right;
  padding-left: 20px;
   font-size: 12px;
  background: url(../images/infoDetail_peopleImg1.png) left center no-repeat;
}
.livearticle .live_right .visitor a{
  color: #6C6C6C;
  line-height: 20px;
  margin-left: 12px;
}
.livearticle .live_right .visitor .red{
  color: #E83529;
}
/* 直播头部end */
/* 会议流程s */
.probox {
  background-color: #fff;
  border: 1px solid #F2F2F2;
  margin-bottom: 16px;
  padding-bottom: 8px;
}
.probox h3 {
  margin-top: 18px;
  margin-left: 16px;
  margin-bottom: 24px;
}
.probox .proUniter {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #333333;
  line-height: 20px;
  margin-bottom: 14px;
  padding-left: 28px;
}
.proUniter .proTime {
  width:196px;
  float: left;
}
.proUniter .proTexter {
  width:584px;
  float: left;
}
/* 会议流程end*/
.live_show{
  background-color: #fff;
  border: 1px solid #f2f2f2;
}
.live_show .liveing{
  margin-top: 18px;
  margin-left: 16px;
  display: inline-block;
  width: 80px;
  height: 28px;
  line-height: 28px;
  background-image: linear-gradient(-270deg, #E83529 0%, #F56553  93%);
border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #FFFFFF;
}

.zambia.live_share {
  margin-bottom: 20px;
}
.live_opeart {
  height: 30px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  margin-bottom: 15px;
}
.live_opeart span {
  display: inline-block;
  width: 290px;
  text-align: center;
  border-left: 1px solid #e9e9e9;
}
.live_opeart span a {
  display: block;
  font-size: 12px;
  color: #555;
  line-height: 30px;
}
.comment_write .comment_writes.live_pl {
  width: 532px;
  max-width: 532px;
}
.comment_write.live_comment {
  width: 545px;
}
.comment_write.live_return {
  padding: 5px;
  width: 500px;
  max-width: 500px;
}
.comment_write.live_return .comment_writes {
  padding: 5px;
  width: 490px;
  border: 1px solid #ccc;
  max-width: 490px;
}
.shouer {
  font-size: 12px;
  color: #ccc;
  text-align: center;
}
.shouer span {
  display: inline-block;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 25px;
  color: #888;
  cursor: pointer;
}
.hot_label {
  padding-bottom: 10px;
  padding-top: 10px;
}
.hot_label h2 {
  color: #090418;
  font-size: 16px;
  line-height: 30px;
  border-bottom: 1px solid #b9b9b9;
  font-weight: normal;
}
.label_list {
  padding-top: 7px;
}
.label_list a {
  color: #555;
  font-size: 12px;
  line-height: 24px;
  padding-right: 13px;
}
.label_list a.show_more {
  color: #e15345;
}
.brand_info {
  padding-top: 15px;
}
.brand_info h2 {
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #555;
  line-height: 30px;
  font-weight: normal;
  text-indent: 4px;
}
.brand_info ul {
  padding-top: 12px;
}
.brand_info ul li {
  background: url(../images/icon_dot.png) no-repeat left center;
  font-size: 14px;
  color: #333;
  line-height: 27px;
  padding-left: 12px;
  width: 485px;
  float: left;
}
.brand_info ul li a {
  color: #333;
  display: block;
  width: 450px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
h2.map_title {
  font-size: 16px;
  color: #333;
  line-height: ;
  border-bottom: 1px solid #b0b0b0;
  line-height: 40px;
  font-weight: normal;
}
.map_list {
  color: #333;
  font-size: 14px;
  line-height: 30px;
  padding-left: 35px;
  padding-top: 25px;
  padding-bottom: 15px;
}
.map_list a {
  color: #333;
  padding-right: 15px;
}
.map_brandlist {
  padding-top: 25px;
  padding-bottom: 25px;
}
.map_brandclassfly {
  font-size: 14px;
  color: #333;
  text-align: center;
  width: 85px;
  float: left;
  padding-top: 6px;
}
.map_brandclassfly a {
  color: #333;
}
.map_brandlister {
  font-size: 14px;
  color: #333;
  width: 570px;
  float: left;
  line-height: 30px;
  border-left: 4px solid #d8d8d8;
  padding-left: 15px;
}
.map_brandlister a {
  color: #333;
  padding-right: 15px;
}
.ss2_wrapper {
  position: relative;
  width: 100%;
  margin: 0 0 20px 0;
  overflow: hidden;
}
.ss2_wrapper .slideshow {
  position: relative;
  width: 100%;
  height: 427px;
}
.ss2_wrapper .slideshow_item {
  width: 100%;
  height: 427px;
}
.ss2_wrapper .slideshow_item p {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0;
  font-size: 22px;
  color: #fff;
  text-indent: 24px;
  line-height: 45px;
  background-color: rgba(57, 47, 48, 0.8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}
.ss2_wrapper .slideshow_item img {
  max-width: 100%;
}
.ss2_wrapper .slideshow_item .data {
  display: none;
}
.ss2_wrapper a.slideshow_prev {
  position: absolute;
  left: -42px;
  top: 160px;
  z-index: 10;
  width: 40px;
  height: 46px;
  outline: none;
  background: url(../images/trans-black-70.png);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 2px #222;
  -webkit-box-shadow: 0 0 2px #222;
  box-shadow: 0 0 2px #222;
}
.ss2_wrapper a.slideshow_prev:hover {
  background: #000;
}
.ss2_wrapper a.slideshow_prev span {
  display: block;
  width: 40px;
  height: 46px;
  background: url(../images/arrows.png) no-repeat -55px 50%;
  text-indent: -9999px;
}
.ss2_wrapper a.slideshow_next {
  position: absolute;
  right: -42px;
  top: 160px;
  z-index: 10;
  width: 40px;
  height: 46px;
  outline: none;
  background: url(../images/trans-black-70.png);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 2px #222;
  -webkit-box-shadow: 0 0 2px #222;
  box-shadow: 0 0 2px #222;
}
.ss2_wrapper a.slideshow_next:hover {
  background: #000;
}
.ss2_wrapper a.slideshow_next span {
  display: block;
  width: 40px;
  height: 46px;
  background: url(../images/arrows.png) no-repeat -5px 50%;
  text-indent: -9999px;
}
.ss2_wrapper .slideshow_paging {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 11;
  font-size: 12px;
  padding: 3px 2px;
  background: url(../images/trans-black-70.png);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 2px #222;
  -webkit-box-shadow: 0 0 2px #222;
  box-shadow: 0 0 2px #222;
}
.ss2_wrapper .slideshow_paging a {
  display: block;
  float: left;
  margin: 0 1px;
  padding: 3px 7px;
  color: #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.ss2_wrapper .slideshow_paging a:hover {
  color: #fff;
}
.ss2_wrapper .slideshow_paging a.activeSlide {
  background: #eee;
  color: #222;
}
.ss2_wrapper .slideshow_box {
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/trans-black-70.png);
  width: 100%;
  height: 110px;
  z-index: 10;
}
.ss2_wrapper .slideshow_box .data {
  padding: 15px 20px;
  color: #ccc;
}
.ss2_wrapper .slideshow_box .data h4 {
  color: #fff;
  font: bold 20px arial, sans-serif;
  padding: 0;
  margin: 0 0 10px 0;
}
.ss2_wrapper .slideshow_box .data p {
  padding: 0;
  margin: 0;
  line-height: 140%;
}
.ss2_wrapper .slideshow_box .data a {
  color: #fff;
}
.ss3_wrapper {
  position: relative;
  width: 552px;
  overflow: hidden;
  margin-right: 16px;
  float: left;
}
.ss2_wrapper .slideshow {
  position: relative;
  width: 100%;
}
.ss3_wrapper .slideshow_item {
  width: 100%;
  opacity: 0;
}
.ss3_wrapper .slideshow_item:nth-of-type(1) {
  opacity: 1;
}
.ss3_wrapper .slideshow_item .image a {
  height: 388px;
  position: relative;
}
/* .ss3_wrapper .slideshow_item .image a:after{
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(-180deg, rgba(0,0,0,0.08) 57%, rgba(0,0,0,0.70) 100%);
} */

.ss3_wrapper .slideshow_item p {
  /* height: 74px; */
  line-height: 37px;
  position: absolute;
  width: 496px;
  bottom: 36px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 26px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-weight: 600;
  font-family: PingFangSC-Medium,'microsoft yahei';
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; 
}
.ss3_wrapper .slideshow_item img {
  max-width: 100%;
}
.ss3_wrapper .slideshow_item .data {
  display: none;
}
.ss3_wrapper .slideshow_item p a {
  /* padding-top: 55px; */
}
.ss3_wrapper a.slideshow_prev {
  text-indent: -9999px;
  position: absolute;
  left: -49px;
  top: 174px;
  z-index: 10;
  width: 40px;
  height: 40px;
  outline: none;
}
.ss3_wrapper a.slideshow_prev span {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/arrows_ll.png) no-repeat center center;
  text-indent: -9999px;
}
.ss3_wrapper a.slideshow_prev:hover span{
  background: url(../images/arrows_ll_h.png) no-repeat center center;
}
.ss3_wrapper a.slideshow_next {
  text-indent: -9999px;
  position: absolute;
  right: -49px;
  top: 174px;
  z-index: 10;
  width: 40px;
  height: 40px;
  outline: none;
}
.ss3_wrapper a.slideshow_next span {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/arrows_rr.png) no-repeat center center;
  text-indent: -9999px;
}
.ss3_wrapper a.slideshow_next:hover span{
  background: url(../images/arrows_rr_h.png) no-repeat center center;
}
.ss3_wrapper .slideshow_paging {
  position: absolute;
  bottom: 16px;
  right: 27px;
  z-index: 11;
}
.ss3_wrapper .slideshow_paging a {
  display: block;
  float: left;
  margin-left: 8px;
  font-size: 0;
  color: #fff;
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-radius: 100%;
  border: 1px solid #fff;
}
/* .ss3_wrapper .slideshow_paging a:hover {
  width: 22px;
} */
.ss3_wrapper .slideshow_paging a.activeSlide {
  /* width: 22px; */
  background-color:#fff;
}
.ss3_wrapper .slideshow_box {
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/trans-black-70.png);
  width: 100%;
  height: 110px;
  z-index: 10;
}
.ss3_wrapper .slideshow_box .data {
  padding: 15px 20px;
  color: #ccc;
}
.ss3_wrapper .slideshow_box .data h4 {
  color: #fff;
  font: bold 20px arial, sans-serif;
  padding: 0;
  margin: 0 0 10px 0;
}
.ss3_wrapper .slideshow_box .data p {
  padding: 0;
  margin: 0;
  line-height: 140%;
}
.ss3_wrapper .slideshow_box .data a {
  color: #fff;
}
.ss3_wrapper a {
  color: white;
}
.adviserPopup {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}
.adviserPopup .advbox {
  width: 440px;
  /*border:10px solid rgba(0,0,0,0.3);*/
  padding: 10px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  height: 280px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.adviserPopup .advbox .boxborder {
  width: 440px;
  height: 280px;
  background-color: #fff;
}
.adviserPopup .advbox h3 {
  background-color: #df544a;
  font-weight: normal;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding-right: 20px;
  font-size: 20px;
  color: #fff;
}
.adviserPopup .advbox h3 span {
  display: block;
  float: right;
  width: 30px;
  height: 50px;
  background: url(../images/icon_closerrr.png) no-repeat left center;
  cursor: pointer;
}
.adviserPopup .advbox .advise_info {
  text-align: center;
  padding-top: 15px;
}
.adviserPopup .advbox .advise_info textarea {
  width: 325px;
  height: 100px;
  border: 1px solid #e9e9e9;
  resize: none;
  font-size: 14px;
  color: #929292;
  padding: 15px 10px;
  line-height: 25px ;
}
.adviserPopup .advbox .advise_sure {
  text-align: center;
  padding-top: 22px;
}
.adviserPopup .advbox .advise_sure input {
  width: 120px;
  height: 40px;
  border: none;
  background-color: #df544a;
  font-size: 18px;
  color: #fff;
}
.adviserPopup .advbox .advise_sure input.noer {
  background-color: #c1c0c0 ;
}
.adviserPopup .advsuccess {
  width: 440px;
  padding: 10px;
  /*border:10px solid rgba(0,0,0,0.3);*/
  margin: auto;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  height: 280px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.adviserPopup .advsuccess .boxborder {
  width: 440px;
  height: 280px;
  background-color: #fff;
}
.adviserPopup .advsuccess h3 {
  color: #2a2a2a;
  font-size: 20px;
  height: 70px;
  line-height: 70px;
  font-weight: normal;
  text-align: center;
  padding-right: 21px;
}
.adviserPopup .advsuccess h3 span {
  display: inline-block;
  width: 26px;
  height: 26px;
  float: right;
  cursor: pointer;
}
.adviserPopup .advsuccess .succesImg {
  text-align: center;
}
.adviserPopup .advsuccess .jumper {
  padding-top: 27px;
}
.adviserPopup .advsuccess .jumper span {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  background-color: #df544a;
}
.info_list .info_text2 {
  width: 231px;
  float: right;
  margin-top: -10px;
  height: 300px;
}
.info_list .info_text2:hover {
  background-color: #fff;
}
.info_list .info_text2 h2 {
  font-size: 20px;
  line-height: 20px;
  padding-bottom: 15px;
}
.info_list .info_text2 h2 a {
  color: #333;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 36px;
}
.info_list .info_text2 h2 a:hover {
  color: #e15345;
}
.info_list .info_text2 .publishinfo .mark a:hover {
  color: #e15345;
}
.info_list .info_text2 p {
  font-size: 16px;
  line-height: 22px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  color: #99999c;
  text-align: justify;
}
.info_list .info_text2 .publishinfo {
  color: #bdbdbd;
  width: 231px;
  position: absolute;
  bottom: 28px;
  right: 0;
}
.info_list .info_text2 .publishinfo span {
  font-size: 14px;
}
.info_list .info_text2 .publishinfo span a {
  color: #bdbdbd;
}
.info_list .info_text2 .publishinfo span i {
  margin-right: 5px;
}
.info_list .info_text2 .publishinfo span.mark {
  background: url(../images/mark.png) left center no-repeat;
  padding-left: 20px;
  width: 90px;
  float: left;
}
.info_list .info_text2 .publishinfo span.mark a {
  float: left;
}
.info_list .info_text2 .publishinfo span.info {
  float: right;
}
.bingwu {
  background: #fff;
  padding: 23px 15px 18px;
  margin-top: 16px;
}
.bingwu h2 {
  font-size: 18px;
  border-left:4px solid #E83529;
  height: 20px;
  line-height: 19px;
  padding-left:8px;
  font-family: PingFangSC-Medium,microsoft yahei;
  color: #000;
}
.bingwu h2 a {
  float: right;
  font-size: 14px;
  color: #7e7e7e;
}
.bingwu h2 a:hover {
  color: #E83529;
}
.bingwuList{
  margin-top: 20px;
}
.bingwuList:first-child{
  margin-top: 26px;
}
.bingwuList img {
  width: 85px;
  height: 59px;
  float: left;
  margin-right: 8px;
}
.bingwuList:after {
  visibility: hidden;
  display: block;
  content: " ";
  clear: both;
  height: 0;
  font-size: 0;
}
.bingwuList .info {
  float: left;
  width: 145px;
  height: 59px;
  font-size: 16px;
  line-height: 24px;
}
.bingwuList .info a{
  margin-bottom: 15px;
  font-family: PingFangSC-Light,microsoft yahei;
  font-size: 13px;
  color: #333;
  line-height: 16px;
  height: 32px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
}
.bingwuList .info a:hover {
  color: #E83529;
}
.bingwuList .info .time{
  font-size: 12px;
  color: #999;
  font-family: PingFangSC-Regular,microsoft yahei;
  line-height: 12px;

}
.hotLabel {
  padding-top: 20px;
  padding-bottom: 28px;
  margin-top: 32px;
  background: #fafafa;
}
.hotLabel h2 {
  font-size: 18px;
  border-left: 3px solid #E83529;
  padding: 5px 0;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: bold;
}
.labelList {
  padding: 20px;
  padding-bottom: 0;
}
.labelList a {
  color: #7e7e7e;
  font-size: 14px;
  padding: 5px 15px;
  border: 1px solid #7e7e7e;
  border-radius: 15px;
  display: inline-block;
  margin: 5px;
}
.labelList a:hover {
  color: #E83529;
}
.hotLabel .more {
  float: right;
  font-size: 14px;
  color: #7e7e7e;
  margin-right: 20px;
  padding-right: 13px;
}
.hotLabel .more:hover {
  color: #E83529;
}
.hotLabel .more {
  background: url('../images/9.png') right center no-repeat;
}
.hotLabel .more:hover {
  background: url('../images/10.png') right center no-repeat;
}
.hotLabel .collect {
  background: url('../images/12.png') right center no-repeat;
}
.hotLabel .collect:hover {
  background: url('../images/11.png') right center no-repeat;
}
.articlePeople {
  font-size: 12px;
  padding-left: 20px;
  background: url('../images/infoDetail_peopleImg1.png') left 2px no-repeat;
  margin-bottom: 44px;
  color: #333;
  line-height: 24px;
  display: block;
  cursor: default;
}
.articlePeople .red {
  color: #E83529;
}
.articlePeople .hh {
  display: inline-block;
  padding-left:12px;
}
.articlePeople a {
  font-family: PingFangSC-Regular,microsoft yahei;
  color: #6C6C6C;
}
.articlePeople a:hover {
  color: #E83529;
}


.article_bottom {
  width:1120px;
  margin: 0 auto;
}

.articleAbout {
  margin-top: 52px;
  margin-bottom: 20px;
 
 
}
.articleAbout h2 {
  font-family: PingFangSC-Medium,microsoft yahei;
font-size: 15px;
color: #000000;
}
.articleAbouts {

  height: 22px;
  border-left:6px solid #E83529;
  padding-left: 10px;
 margin-bottom: 30px;
}
.articleAbouts h2 {
  font-family: PingFangSC-Medium,microsoft yahei;
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  line-height: 22px;

}

.articleAboutBox .list {
  width: 268px;
  height: 290px;
  float: left;

 background-color: #fff;
 border: 1px solid #f2f2f2;
 
}
.articleAboutBox .list .img{
  position: relative;
  width: 268px;
  height: 186px;
  overflow: hidden;
 
}
/* .articleAboutBox .list .img div{
  color: #FFFFFF;
  position: absolute;
  font-family: PingFangSC-Light;
  font-size: 14px;
  line-height: 14px;
  top:13px;
  left: 15px;
  padding: 4px 10px;
  background: rgba(0,0,0,0.60);
  border-radius: 2px;

}
.articleAboutBox .list .img div{
  display: none;
}
.articleAboutBox .list .img div:first-of-type{
  display: block;
} */
.articleAboutBox .list:not(:last-child) {
  margin-right: 13px;
}
.articleAboutBox .list img {
   width: 268px;
  height: 186px;
 display: block;
}
.articleAboutBox .list .info {
  margin: 15px 12px 0 12px;
 
 width: 244px;
 
  line-height: 22px;
  font-family: PingFangSC-Medium,microsoft yahei;
  font-size: 16px;
  color: #555555;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
   
   
    word-break: break-all;
}
.articleAboutBox .list .time{
  margin-top: 20px;
  margin-left: 12px;
 font-family: PingFangSC-Medium,microsoft yahei;
  font-size: 12px;
  color: #B4B4B4;
}
/* .articleAboutBox .list .info {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 210px;
  padding: 15px 10px;
  background: rgba(2, 2, 2, 0.5);
  color: white;
  border-radius: 0px 0px 4px 4px;
}  */


.articleComment {
  position: relative;
  margin-bottom: 60px;
}
.articleComment h2 {
  font-size: 18px;
  color: #666;
}
.articleComment .loginOn {
  /* position: relative; */
}
.articleComment .loginOn .loginimg{
  
  
  margin-bottom: 20px;
}
.articleComment .loginOn .loginimg  div{
  float: left;
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center; 
}

.articleComment .loginOn .loginimg img{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
.articleComment .loginOn .loginimg .close{
 margin-right: 0;
 float: right;
  width: 18px;
  height: 18px;
}
.articleComment  .loginOn textarea {
  width: 648px;
  height: 92px;
  background: #FCFCFC;
  border: 1px solid #DCDCDC;
  box-sizing: border-box;
  resize: none;
  padding: 10px;
  font-size: 14px;
  border-radius: 3px;
  margin-bottom: 0;
}
.articleComment .loginOn .commit {
  margin-top: 16px;
  /* position: absolute;
  bottom: 22px;
  right: 15px;
  z-index: 2;
  height: 24px; */
}
.articleComment .loginOn .commit .but {
  float: right;
  
  font-size: 15px;
  padding: 7px 24px;
 background: #333333;
border: 1px solid #3A3A3A;
border-radius: 3px;
  color: white;

 
}
.articleComment .commentInfo .loginOn .commit{
  margin-top:10px; 
}
.articleComment .loginOn .commit .but:hover {
  cursor: pointer;
}
/* .articleComment .loginOn .commit .face {
  position: relative;
  float: left;
}
.articleComment .loginOn .commit .face .faceBox {
  position: absolute;
  top: 40px;
  left: -215px;
  width: 348px;
  height: 175px;
  background: url(../images/faceBoxbg.png) no-repeat;
  background-size: 100% 100%;
  display: none;
}
.articleComment .loginOn .commit .face .faceBox > div {
  width: 320px;
  margin: 0 auto;
  margin-top: 15px;
}
.articleComment .loginOn .commit .face .faceBox > div span {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 10px 11.6px;
}
.articleComment .loginOn .commit .face .faceBox > div span img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
} */
.loginUn {
  
 
  margin-top: 12px;
  margin-bottom: 20px;
  
  color: #7d7d7d;
  font-size: 18px;
}
.loginUn .user_img{
  line-height: 21px;
  font-family: PingFangSC-Medium,microsoft yahei;
  font-weight: 500;
  font-size: 15px;
  color: #151515;
  margin-bottom: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
}
.loginUn .box{
  width: 648px;
  height: 92px;
  padding:9px 10px;
 box-sizing: border-box;
border: 1px solid #DCDCDC;
border-radius: 3px;
  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 14px;
  color: #B8B8B8;
}
.loginUn .btn{
  margin-top: 16px;
 
}
.loginUn .btn span{
   float: right;
    font-size: 15px;
    padding: 7px 24px;
    background: #333333;
    border: 1px solid #3A3A3A;
    border-radius: 3px;
    color: white;
}
.loginUn a {
  color: #E83529;
  margin: 0 10px;
}
.commentInfo {
  margin-top: 47px;
  /* padding-bottom: 47px; */
}
.commentInfo:after {
  visibility: hidden;
  display: block;
  content: " ";
  clear: both;
  height: 0;
  font-size: 0;
}
/* .commentInfo:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
} */
.commentInfo .head > img {
  float: left;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.commentInfo .head .title {
  float: left;
  margin-left: 13px;
  line-height: 20px;

}
.commentInfo .head .title a {
  font-family: PingFangSC-Medium,microsoft yahei;
  font-size: 14px;
  color: #666666;
 
  padding-right: 15px;
}
.commentInfo .head .title span {
  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 12px;
  color: #B3B3B3;
}

.commentInfo .ctrl {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
         justify-content: space-between;
 font-family: PingFangSC-Regular,microsoft yahei;
font-size: 13px;
}
.commentInfo  .ctrl span:hover {
  cursor: pointer;
}
.commentInfo  .ctrl .yes {
  color: #F14833;
}
.commentInfo  .ctrl .del {
  position: relative;
  color: #B6B6B6;
}
.commentInfo .head:after {
  visibility: hidden;
  display: block;
  content: " ";
  clear: both;
  height: 0;
  font-size: 0;
}
.commentInfo .des {
  margin-left:51px;
  margin-top: -10px;
  font-size: 16px;
}
.articText .commentInfo .des p {
  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 8px;
}
.commentInfo .des .list {
  background: #FAFAFA;
  border-bottom: 1px dashed #e9e9e9;
  border-left: 3px solid #e5e5e5;
  padding:20px 12px 15px 12px;
  color: #333333;
  font-size: 12px;
}
.commentInfo .des .list:last-of-type{
  border-bottom: 0;
}
.commentInfo .des .list:after {
  visibility: hidden;
  display: block;
  content: " ";
  clear: both;
  height: 0;
  font-size: 0;
}
.commentInfo .des .list > span {
  display: block;
  
}
.commentInfo .des .list .con{
  margin: 8px 0;
  font-size: 14px;
  color: #333333;
}
.commentInfo .des .list span.time {
  color: #999999;
  font-size: 12px;
  float: left;
}
.commentInfo .des .list .userName{
  color: #B8B8B8;
}
.commentInfo .des .list span a:first-of-type {
  color: #666;
}
.commentInfo .des .list span a:last-of-type {
 color: #151515;
  margin: 0 16px 0 8px;
}
/* .commentInfo .des .list .ctrl {
  float: right;
  font-size: 12px;
  color: #666666;
} */
.commentInfo .des .list .ctrl span:hover {
  cursor: pointer;
}

.commentInfo .des .list .ctrl .del {
  position: relative;
}
.commentInfo .des .list img {
  width: 20px;
  height: 20px;
}
.commentInfo .des p img {
  width: 20px;
  height: 20px;
}
.delBox {
  background: url(../images/delBox.png) no-repeat;
  width: 254px;
  height: 133px;
  background-size: 100% 100%;
  position: absolute;
  top: -127px;
  left: -120px;
  text-align: center;
  z-index: 2;
  display: none;
}
.delBox > span {
  float: right;
  padding-right: 20px;
  padding-top: 20px;
}
.delBox .commentTitle {
  margin-top: 40px;
  margin-bottom: 20px;
}
.delBox .commentButton span {
  margin: 0 10px;
  background: #c1c1c1;
  padding: 5px 15px;
  color: white;
  border-radius: 5px;
}
.delBox .commentButton span.action {
  background: #E83529;
}
.articleComment .commentInfo .loginOn {
  box-sizing: border-box;
  border-left: 3px solid #e5e5e5;
  padding: 20px 15px 24px 12px;
  width: 597px;
  height: 230px;
  background: #EFEFEF;
  float: right;
}
.articleComment .commentInfo .loginOn textarea{
  width:100%;
}
.specialHeader {
  position: relative;
  width: 100%;
  height: 388px;
  overflow: hidden;
  margin-bottom: 35px;
}
.specialHeader .specialHeader_mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*filter:Alpha(opacity=75); 
   opacity: 0.6;
  background-image: -webkit-linear-gradient(rgba(0,0,0,0.50) 45%, #000000 100%);
  background-image: -o-linear-gradient(rgba(0,0,0,0.50) 45%, #000000 100%);
  background-image: linear-gradient(rgba(0,0,0,0.50) 45%, #000000 100%); */
  /* background: linear-gradient(-180deg, rgba(0,0,0,0.00) 45%, rgba(0,0,0,0.80) 100%); */
}
.specialHeader img {
  width: 100%;
}
.specialHeader .content {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  /* background: url(../images/bannerBg.png) bottom center no-repeat; */
  width: 100%;
  padding-bottom:38px;
  padding-top: 30px;
  z-index: 2;
}

.specialHeader .content .top{
  width: 776px;
  margin: 0 auto;
  padding-bottom: 10px;
  border-bottom: 1px dashed rgba(255,255,255,0.5);
  margin-bottom: 10px;
 
}
.specialHeader .content span {
  display: block;
  font-weight: 600;
}
.specialHeader .content span.title {
  font-size: 32px;
 
  line-height: 36px;
  float: left;

}
.specialHeader .content span.column{
  margin-top: 18px;
  padding-left: 22px;
  background: url(../images/column.png) no-repeat left center;
  float: right;
  font-size: 12px;
}
.specialHeader .content span.des {
  line-height: 19px;
  opacity: 0.75;
  filter:Alpha(opacity=75); 
  font-size: 16px;
  margin-left: 30px;
}
.hotarticle h2 {
  font-size: 16px;
  line-height: 35px;
  font-weight: normal;
}
.hotarticle ul.articTab {
  border-top: 1px solid #b9b9b9;
}
.hotarticle ul.articTab li {
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  width: 50%;
  text-align: center;
  background-color: #e7e7e7;
  position: relative;
  cursor: pointer;
}
.hotarticle ul.articTab li.active {
  background-color: #313131;
  color: #fff;
}
.hotarticle ul.articTab li.active span {
  display: block;
  position: absolute;
  bottom: 0;
  color: #313131;
  width: 100%;
  text-align: center;
  height: 14px;
}
.hotarticle ul.articTab li.active span i {
  font-size: 28px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  background: url(../images/icon_trigle.png) no-repeat center center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 14px;
  height: 7px;
}
.hotarticleList {
  padding-top: 15px;
  padding-bottom: 20px;
}
.hotarticleList li {
  border-bottom: 1px solid #e9e9e9;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 40px;
  padding-left: 30px;
}
.hotarticleList li a {
  font-size: 12px;
  color: #000;
}
.hotarticleList li.number0 {
  background: url(../images/number-01.png) no-repeat 6px center;
}
.hotarticleList li.number1 {
  background: url(../images/number-02.png) no-repeat 6px center;
}
.hotarticleList li.number2 {
  background: url(../images/number-03.png) no-repeat 6px center;
}
.hotarticleList li.number3 {
  background: url(../images/number-04.png) no-repeat 6px center;
}
.hotarticleList li.number4 {
  background: url(../images/number-05.png) no-repeat 6px center;
}
.gotopTitle {
  position: absolute;
  left: -155px;
  width: 130px;
  top: -14px;
  height: 55px;
  line-height: 55px;
  text-indent: 17px;
  background: url(../images/returntoptitlebg.png) no-repeat center center;
  color: #616161;
  font-size: 14px;
  display: none;
}
.advisebox {
  position: absolute;
  left: -320px;
  padding: 15px 15px;
  top: -47px;
  width: 264px;
  height: 70px;
  line-height: 22px;
  background: url(../images/advisebger.png) no-repeat center center;
  color: #616161;
  font-size: 12px;
  display: none;
  padding-top: 40px;
}
.advisebox img {
  display: inline-block;
}
.gotop {
  position: relative;
}
.gotop:hover .gotopTitle {
  display: block;
}

.headerBar .headerBar_login .userImg {
  height: 44px;
  width: 44px;
  padding: 6px 0 12px;
  position: absolute;
  top: -10px;
  right: 0;
  border-top: 4px solid transparent;
}
.headerBar .headerBar_login .userImg.active{
  border-color: #E83529;
  box-shadow: -1px 0 2px 0 rgba(0,0,0,0.05);
}
/* .headerBar .headerBar_login .userImg:hover{
  border-color: #E83529;
  box-shadow: -1px 0 2px 0 rgba(0,0,0,0.05);
}
.headerBar .headerBar_login  .contentBox:hover + div{
  border-color: #E83529;
  box-shadow: -1px 0 2px 0 rgba(0,0,0,0.05);
} */

.changed {
  display: inline-block;
  color: #ccc;
  border: 1px solid #ccc;
  width: 70px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 8px;
}
.basicSearch div {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 14px;
  color: #333333;
}
.basicSearch >div:first-child{
  /* padding-top: 10px; */
}
.basicSearch div:hover {
  cursor: pointer;
  background: #f2f2f2;
}
.registerBox {
  background: #dbdee5;
  padding-top: 30px;
  padding-bottom: 160px;
}
.registerBox .reigisterInfo {
  width: 975px;
  margin: 0 auto;
  background: white;
  min-height: 600px;
  border-radius: 10px;
  position: relative;
  z-index: 2;
}
.registerBox .reigisterInfo .leftBox {
  width: 500px;
  float: left;
  padding-top: 78px;
  padding-left: 70px;
  position: relative;
  z-index: 2;
  background: white;
  min-height: 580px;
}
.registerBox .reigisterInfo .leftBox h2 {
  font-weight: normal;
  font-size: 22px;
  color: #E83529;
}
.registerBox .reigisterInfo .leftBox h3 {
  font-weight: normal;
  font-size: 14px;
  color: #666;
  padding-top: 10px;
}
.registerBox .reigisterInfo .leftBox h3 i {
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 5px;
  background: url('../images/pg-icons.png') no-repeat;
  background-position: -162px -11px;
}
.registerBox .reigisterInfo .leftBox form {
  padding-left: 24px;
  width: 350px;
  margin-top: 70px;
}
.registerBox .reigisterInfo .leftBox form label {
  font-size: 16px;
  padding-top: 3px;
  display: inline-block;
}
.registerBox .reigisterInfo .leftBox form b#companyType {
  width: 260px;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  margin-left: 24px;
  float: right;
  font-weight: normal;
  padding-bottom: 10px;
  color: #b4b4b4;
  cursor: pointer;
}
.registerBox .reigisterInfo .leftBox form b#companyType em {
  font-style: normal;
  font-weight: normal;
}
.leftBox #companyType span {
  background: #E83529;
  padding: 2px 10px;
  color: white;
  border-radius: 18px;
  font-size: 16px;
  margin-left: 10px;
  position: relative;
}
.leftBox #companyType > i {
  width: 12px;
  height: 7px;
  background: url('../images/pg-icons.png') no-repeat;
  background-position: -208px -11px;
  float: right;
  margin-top: 10px;
  cursor: pointer;
}
.leftBox #companyType > i.active {
  background: url('../images/arrow2.png') no-repeat;
}
.leftBox #companyType span i {
  width: 15px;
  height: 16px;
  background: url('../images/pg-icons.png') no-repeat;
  background-position: -189px -11px;
  position: absolute;
  top: -7px;
  right: -7px;
  cursor: pointer;
  display: none;
}
.leftBox .inputlist {
  position: relative;
}
.leftBox .inputlist .pcabox {
  width: 245px;
  margin-left: 24px;
  border: 1px solid #bfbfbf;
  padding: 20px 7.5px;
  margin-top: 11px;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 5;
  background: white;
}
.leftBox .inputlist .pcabox span {
  float: left;
  width: 54px;
  height: 24px;
  text-align: center;
  margin: 0 2.625px;
  border: 1px solid white;
  line-height: 24px;
  border-radius: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}
.leftBox .inputlist .pcabox span.active {
  border: 1px solid #e4726b;
}
.registerBox .reigisterInfo .leftBox form .inputlist {
  margin-top: 45px;
}
.registerBox .reigisterInfo .leftBox form .inputlist i {
  float: left;
  width: 17px;
  height: 17px;
  margin-right: 5px;
}
.registerBox .reigisterInfo .leftBox form > a {
  font-size: 16px;
  padding: 10px 45px;
  background: #E83529;
  color: white;
  float: right;
  display: block;
  margin-top: 63px;
}
.registerBox .reigisterInfo .leftBox form .inputlist:nth-child(1) i {
  background: url('../images/pg-icons.png') no-repeat;
  background-position: -15px -11px;
}
.registerBox .reigisterInfo .leftBox form .inputlist:nth-child(2) i {
  background: url('../images/pg-icons.png') no-repeat;
  background-position: -40px -11px;
}
.registerBox .reigisterInfo .leftBox form .inputlist:nth-child(3) i {
  background: url('../images/pg-icons.png') no-repeat;
  background-position: -68px -11px;
}
.registerBox .reigisterInfo .leftBox form .inputlist:nth-child(4) i {
  background: url('../images/pg-icons.png') no-repeat;
  background-position: -100px -11px;
}
.registerBox .reigisterInfo .leftBox form input {
  border: none;
  width: 260px;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  margin-left: 24px;
  float: right;
}
.registerBox .reigisterInfo .leftBox form .inputlist input#phoneMa {
  margin-top: 45px;
}
.phoneMa {
  padding-top: 45px;
  position: relative;
}
.phoneMa a {
  position: absolute;
  bottom: -20px;
  right: 0;
  font-size: 16px;
  padding: 4px 8px;
  color: #e15d55;
  border: 1px solid #e15d55;
}
.phoneMa input {
  padding: 3px;
}
.registerBox .reigisterInfo .rightBox {
  width: 363px;
  float: right;
  margin-top: 42px;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 2px solid #f2f2f2;
  position: relative;
  z-index: 2;
  background: white;
  min-height: 616px;
}
.registerBox .reigisterInfo .rightBox h1 {
  font-weight: normal;
  font-size: 18px;
  color: #333;
  line-height: 40px;
}
.registerBox .reigisterInfo .rightBox h1 i {
  font-size: 32px;
  color: #E83529;
}
.rightBox .bigman {
  padding-top: 30px;
}
.rightBox .bigman > div {
  width: 100px;
  float: left;
}
.rightBox .bigman > div {
  margin: 0 15px;
}
.rightBox .bigman > div:first-child {
  margin-left: 0;
}
.rightBox .bigman > div:last-child {
  margin-right: 0;
}
.rightBox .bigman .imgbox {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
  border: 4px solid #aeadad;
}
.rightBox .bigman .imgbox img {
  max-width: 100%;
}
.rightBox .bigman h3 {
  width: 100px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0;
  font-size: 14px;
}
.rightBox .bigman p {
  width: 100px;
  margin: 0 auto;
  height: 40px;
}
.rightBox .registermore {
  padding-top: 20px;
}
.rightBox .registermore span {
  float: left;
  color: #5f5f5f;
  font-size: 12px;
}
.rightBox .registermore a {
  float: right;
  font-size: 11px;
  color: #5f5f5f;
  border: 1px solid #5f5f5f;
  border-radius: 10px;
  padding: 2px 5px;
  margin-right: 10px;
}
.rightBox .registermore a:hover {
  color: #e15d55;
  border: 1px solid #e15d55;
}
.rightBox .registernews {
  padding-top: 25px;
}
.rightBox .registernews a {
  color: #636363;
}
.rightBox .registernews p i {
  width: 17px;
  height: 17px;
  float: left;
  margin-right: 5px;
  background: url('../images/pg-icons.png') no-repeat;
  background-position: -133px -11px;
}
.rightBox .registernews p span {
  width: 275px;
  float: right;
  background: url("../images/line-cut.png") top center no-repeat;
  height: 1px;
  margin-top: 9px;
}
.registernews ul {
  width: 96%;
  float: right;
}
.registernews ul li {
  list-style: disc;
  padding: 0 10px;
  color: #636363;
  padding: 5px 0;
}
.registernews ul li span {
  float: right;
}
.registerqianming {
  padding-top: 50px;
  width: 305px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.registerqianming {
  max-width: 100%;
}
.registercover {
  position: absolute;
  bottom: -180px;
  right: 0;
}
.registercover img {
  width: 100%;
}
.reigisterInfo .registersuccess {
  background: white;
  position: relative;
  z-index: 2;
  min-height: 660px;
}
.reigisterInfo .registersuccess h2 {
  text-align: center;
  font-size: 24px;
  padding-top: 45px;
  color: #E83529;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.reigisterInfo .registersuccess h2 i {
  width: 28px;
  height: 28px;
  margin-right: 5px;
  background: url('../images/pg-icons.png') no-repeat;
  background-position: -66px -38px;
}
.reigisterInfo .registersuccess h3 {
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  padding-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #666;
}
.reigisterInfo .registersuccess h3 i {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  background: url(../images/pg-icons.png) no-repeat;
  background-position: -162px -11px;
}
.reigisterInfo .registersuccess .register-over {
  width: 230px;
  height: 31px;
  margin: 0 auto;
  border: 2px solid #E83529;
  color: #E83529;
  text-align: center;
  line-height: 31px;
  margin-top: 24px;
  cursor: pointer;
  font-size: 16px;
}
.reigisterInfo .registersuccess .register-over a {
  color: #E83529;
}
.reigisterInfo .registersuccess .register-over:hover {
  background: #E83529;
  color: white;
}
.reigisterInfo .registersuccess .register-over:hover a {
  color: #fff;
}
.reigisterInfo .registersuccess .register-erweima {
  padding-top: 40px;
  width: 111px;
  height: 111px;
  background: url('../images/register-erweima.jpg') no-repeat center 40px;
  background-size: contain;
  margin: 0 auto;
}
.reigisterInfo .registersuccess .registerpeoplebox {
  width: 710px;
  margin: 0 auto;
}
.reigisterInfo .registersuccess .registerpeoplebox h2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
}
.reigisterInfo .registersuccess .registerpeoplebox h2 span {
  color: #898989;
  font-size: 14px;
}
.reigisterInfo .registersuccess .registerpeoplebox h2 span.change {
  color: #E83529;
  font-size: 12px;
  border: 1px solid #E83529;
  padding: 2px 5px;
  border-radius: 20px;
  cursor: pointer;
}
.reigisterInfo .registersuccess .registerpeoplebox h2 span.change:hover {
  background-color: #E83529;
  color: #fff;
}
.reigisterInfo .registersuccess .registerpeoplebox .list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-top: 30px;
}
.reigisterInfo .registersuccess .registerpeoplebox .list > div {
  width: 142px;
}
.reigisterInfo .registersuccess .registerpeoplebox .list .imgbox {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  border-radius: 64px;
  border: 2px solid #aeadad;
  overflow: hidden;
}
.reigisterInfo .registersuccess .registerpeoplebox .list .imgbox img {
  max-width: 100%;
}
.reigisterInfo .registersuccess .registerpeoplebox .list h3 {
  font-weight: bold;
  font-size: 12px;
}
.reigisterInfo .registersuccess .registerpeoplebox .list p {
  font-size: 12px;
  color: #8d8d8d;
  width: 100px;
  margin: 0 auto;
}
.reigisterInfo .registersuccess .registerpeoplebox a.more {
  font-size: 11px;
  color: #666666;
  float: right;
  padding-bottom: 40px;
  padding-top: 20px;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist {
  padding-bottom: 45px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca {
  position: relative;
  width: 265px;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  margin-left: 24px;
  float: right;
  font-weight: 400;
  padding-bottom: 10px;
  color: #333333;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .pcaValue {
  background: url(../images/pg-icons.png) no-repeat right center;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .pcaValue.active {
  background: url(../images/arrow2.png) no-repeat right center;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .pcaValue b {
  font-weight: normal;
  color: #a9a9a9;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .pcaValue > i {
  width: 12px;
  height: 7px;
  background: url(../images/pg-icons.png) no-repeat;
  background-position: -208px -11px;
  float: right;
  margin-top: 10px;
  cursor: pointer;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .pcaValue > i.active {
  background: url(../images/arrow2.png) no-repeat;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca > i {
  width: 12px;
  height: 7px;
  background: url(../images/pg-icons.png) no-repeat;
  background-position: -208px -11px;
  float: right;
  margin-top: 10px;
  cursor: pointer;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .box {
  width: 265px;
  margin-left: 24px;
  border: 1px solid #bfbfbf;
  margin-top: 11px;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 5;
  background: #fff;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .box div.topbar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .box div.topbar > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -o-flex: 1;
  flex: 1;
  height: 36px;
  font-size: 16px;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .box div.topbar > div:hover {
  cursor: pointer;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .box div.topbar > div:first-child.active {
  background: #f0f0f0;
  border-bottom: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .box div.topbar > div:last-child.active {
  background: #f0f0f0;
  border-bottom: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .box .inlBox {
  padding: 10px;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .box .inlBox div.provinceBox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 5px 0;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .box .inlBox div.provinceBox div.typepro {
  width: 40px;
  text-align: center;
  margin: 10px 0;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .box .inlBox div.provinceBox div.province {
  width: 205px;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .box .inlBox div.provinceBox div.province span {
  width: 50px;
  float: left;
  text-align: center;
  margin: 10px 0;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .box .inlBox div.provinceBox div.province span.active {
  color: #E83529;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .pca .box .inlBox div.provinceBox div.province span:hover {
  color: #E83529;
  cursor: pointer;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .filebox {
  width: 265px;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .filebox .showimg {
  height: 134px;
  background: url(../images/showimgbg.jpg) no-repeat;
  background-size: contain;
  position: relative;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .filebox .showimg input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
}
.registerBox .reigisterInfo .leftBox form .authenticationlist .filebox h2 {
  color: #333;
  font-size: 14px;
  padding-top: 10px;
}
.mycenterBox {
  background: #fff url(../images/centerBg.jpg) no-repeat center top;
}
.mycenterBox .centerInfo {
  padding-top: 130px;
  width: 1170px;
  margin: 0 auto;
  position: relative;
}
.mycenterBox .centerInfo .userInfoModify {
  background: url(../images/icon_userInfoModify.png) no-repeat left center;
  width: 117px;
  padding-left: 21px;
  font-size: 16px;
  color: #fff;
  position: absolute;
  right: 0;
  top: 20px;
  cursor: pointer;
}
.mycenterBox .centerInfo .userImg {
  width: 135px;
  float: left;
}
.mycenterBox .centerInfo .userImg img {
  width: 114px;
  height: 114px;
  border-radius: 114px;
  border: 3px solid #c1c1c5;
}
.mycenterBox .centerInfo .userInfo {
  width: 800px;
  float: left;
  padding-top: 9px;
}
.mycenterBox .centerInfo .userInfo h3 {
  font-weight: normal;
}
.mycenterBox .centerInfo .userInfo h3 span {
  display: inline-block;
  color: #fff;
  vertical-align: middle;
}
.mycenterBox .centerInfo .userInfo h3 span.name {
  font-size: 28px;
  line-height: 27px;
  padding-bottom: 2px;
  padding-right: 13px;
}
.mycenterBox .centerInfo .userInfo h3 span.applyVer {
  font-size: 12px;
  height: 23px;
  line-height: 23px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 12px;
  border: 1px solid #a79ea6;
  margin-right: 12px;
  cursor: pointer;
}
.mycenterBox .centerInfo .userInfo h3 span.applyVer a {
  color: white;
  text-decoration: none;
}
.mycenterBox .centerInfo .userInfo h3 span.applyVer.active {
  background: #ffa726;
  color: white;
}
.mycenterBox .centerInfo .userInfo h3 span.applyVer.changed {
  background: #b7b7b7;
}
.mycenterBox .centerInfo .userInfo h3 span.parise {
  position: relative;
  font-size: 14px;
  height: 23px;
  line-height: 23px;
  background: url("../images/icon_parise_01.png") no-repeat left center;
  padding-left: 28px;
  cursor: pointer;
}
.mycenterBox .centerInfo .userInfo h3 span.parise.active {
  background: url("../images/icon_parise_02.png") no-repeat left center;
}
.mycenterBox .centerInfo .userInfo h3 span.parise b {
  font-weight: normal;
}
.mycenterBox .centerInfo .userInfo .userInfoDetail {
  padding-top: 7px;
}
.mycenterBox .centerInfo .userInfo .userInfoDetail span {
  font-size: 16px;
  color: #fff;
}
.mycenterBox .centerInfo .userInfo .userInfoDetail span.userJob {
  padding-right: 23px;
}
.mycenterBox .centerInfo .userInfo .userInfoDetail span.userHome {
  background: url("../images/icon_userArea.png") no-repeat left center;
  padding-left: 22px;
  padding-right: 13px;
}
.mycenterBox .centerInfo .userInfo .userInfoDetail span.jobType {
  background: url("../images/icon_userJob.png") no-repeat left center;
  padding-left: 23px;
}
.mycenterBox .centerInfo .userInfo .userMenu {
  padding-top: 10px;
}
.mycenterBox .centerInfo .userInfo .userMenu.spe ul {
  width: 600px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
}
.mycenterBox .centerInfo .userInfo .userMenu.spe ul li {
  text-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -o-flex: 1;
  flex: 1;
  font-size: 16px;
  color: #666;
}
.mycenterBox .centerInfo .userInfo .userMenu.spe ul li.active {
  border-bottom: 2px solid #dfdfdf;
}
.mycenterBox .centerInfo .userInfo .userMenu.spe ul li a {
  display: inline-block;
  height: 62px;
  line-height: 62px;
  color: #666;
}
.mycenterBox .centerInfo .userInfo .userMenu.spe ul li a b {
  font-weight: normal;
}
.mycenterBox .centerInfo .userInfo .userMenu.spe ul li b {
  font-weight: normal;
}
.mycenterBox .centerInfo .userInfo .userMenu ul li {
  float: left;
  font-size: 16px;
  color: #666;
  padding-left: 40px;
  padding-right: 40px;
}
.mycenterBox .centerInfo .userInfo .userMenu ul li a {
  display: inline-block;
  height: 62px;
  line-height: 62px;
  color: #666;
}
.mycenterBox .centerInfo .userInfo .userMenu ul li a.active {
  border-bottom: 2px solid #E83529;
}
.mycenterBox .centerInfo .userInfo .userMenu ul li a b {
  font-weight: normal;
}
.mycenterBox .centerInfo .userctrl {
  width: 230px;
  margin-top: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
}
.mycenterBox .centerInfo .userctrl span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 0px;
  width: 90px;
  border-radius: 5px;
  border: 1px solid white;
  color: white;
  cursor: pointer;
}
.mycenterBox .centerInfo .userctrl span.huan {
  background: #E83529;
}
.mycenterBox .centerInfo .userctrl span.huan i {
  width: 21px;
  height: 20px;
  background: url('../images/pg-icons.png') center center no-repeat;
  background-position: -86px -74px;
  float: left;
  margin-right: 5px;
}
.mycenterBox .centerInfo .userctrl span.huan.changed {
  text-indent: 26px;
  background: rgba(1, 1, 1, 0.6) url('../images/yirenzheng.png') 10px center no-repeat;
}
.mycenterBox .centerInfo .userctrl span.hello i {
  width: 20px;
  height: 16px;
  background: url('../images/pg-icons.png') center center no-repeat;
  background-position: -122px -74px;
  float: left;
  margin-right: 5px;
}
.userinfoBox {
  background-color: #f0f4fb;
  padding-top: 9px;
  padding-bottom: 100px;
}
.userinfoBox .userinfoList {
  width: 1170px;
  margin: 0 auto;
}
.userinfoBox .userinfoList .infoLeft {
  width: 800px;
  float: left;
}
.userinfoBox .userinfoList .infoLeft .infoUnit {
  padding-top: 38px;
  margin-bottom: 6px;
  background-color: #fff;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .imgBox {
  width: 75px;
  padding-left: 28px;
  float: left;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .imgBox img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .myPublishInfo {
  width: 670px;
  float: left;
  padding-right: 26px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .myPublishInfo h3 {
  padding-top: 8px;
  font-size: normal;
  color: #333;
  font-size: 18px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .myPublishInfo h3 span {
  display: inline-block;
  width: 16px;
  height: 15px;
  float: right;
  background: url("../images/icon_userDel.png") no-repeat left bottom;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .myPublishInfo h3 span:hover {
  background: url("../images/icon_userDel2.png") no-repeat left bottom;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .myPublishInfo .userJober {
  padding-top: 10px;
  color: #999;
  font-size: 14px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .myPublishInfo .userJober span {
  font-size: 12px;
  display: inline-block;
  float: right;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .myPublishInfo .publishInfos {
  font-size: 16px;
  color: #333;
  padding-top: 17px;
  line-height: 28px;
  text-align: justify;
  padding-bottom: 20px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .myPublishInfo .publishInfos img {
  width: 25px;
  margin-right: 3px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .myPublishInfo .publishImg {
  padding-bottom: 24px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .myPublishInfo .publishImg .ones img {
  max-width: 100%;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .myPublishInfo .publishImg .two {
  height: 250px;
  width: 253px;
  float: left;
  padding-right: 3px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .myPublishInfo .publishImg .two img {
  max-width: 100%;
  max-height: 100%;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .myPublishInfo .publishImg .three {
  height: 165px;
  width: 168px;
  float: left;
  padding-right: 3px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .myPublishInfo .publishImg .three img {
  max-width: 100%;
  max-height: 100%;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .opearter {
  border-top: 1px solid #ddd;
  padding-top: 7px;
  padding-bottom: 8px;
  clear: both;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .opearter span {
  display: inline-block;
  box-sizing: border-box;
  width: 25%;
  font-size: 14px;
  color: #999;
  border-right: 1px solid #ddd;
  height: 26px;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .opearter span b {
  font-weight: normal;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .opearter span img {
  vertical-align: middle;
  margin-right: 3px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .opearter span:nth-last-of-type(1) {
  border-right: none;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox {
  clear: both;
  background: #f2f2f5 url(../images/arrowComm.jpg) no-repeat 690px -8px;
  padding: 30px 20px;
  border-top: 1px solid #d9d9d9;
  position: relative;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox span.arrowComm {
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 8px;
  background: #f2f2f5 url(../images/arrowComm.jpg) no-repeat center center;
  top: -7px;
  left: 690px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commtext {
  border: 1px solid #ddd;
  height: 100px;
  padding: 9px 12px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commtext textarea.commInput {
  width: 100%;
  height: 50px;
  border: none;
  font-size: 16px;
  color: #999;
  resize: none;
  background-color: transparent;
  outline: none;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commtext .inputOpeart {
  padding-top: 10px;
  text-align: right;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commtext .inputOpeart > span {
  display: inline-block;
  vertical-align: middle;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commtext .inputOpeart > span.face {
  height: 35px;
  width: 25px;
  background: url(../images/commFace.png) no-repeat center center;
  margin-right: 25px;
  position: relative;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commtext .inputOpeart > span.face .faceBox {
  position: absolute;
  top: 40px;
  left: -208px;
  width: 348px;
  height: 175px;
  background: url(../images/faceBoxbg.png) no-repeat;
  background-size: 100% 100%;
  display: none;
  z-index: 9999;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commtext .inputOpeart > span.face .faceBox > div {
  width: 320px;
  margin: 0 auto;
  margin-top: 14px;
  text-align: left;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commtext .inputOpeart > span.face .faceBox > div span {
  display: inline-block;
  width: 26px;
  height: 27px;
  margin: 10px 11.6px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commtext .inputOpeart > span.face .faceBox > div span img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commtext .inputOpeart > span.submit {
  text-align: center;
  color: #fff;
  font-size: 16px;
  width: 84px;
  height: 35px;
  line-height: 35px;
  background-color: #E83529;
  border-radius: 2px;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox {
  padding-top: 23px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commImg {
  width: 60px;
  float: left;
  padding-right: 12px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commImg img {
  max-width: 100%;
  border-radius: 100%;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo {
  width: 685px;
  float: left;
  padding-bottom: 27px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo h3 {
  font-size: 16px;
  color: #E83529;
  font-weight: normal;
  padding-top: 4px;
  position: relative;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo h3 a {
  color: #E83529;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo h3 span {
  display: inline-block;
  font-size: 12px;
  float: right;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo h3 span.replay {
  color: #666;
  background: url(../images/commReplay.png) no-repeat left center;
  padding-left: 16px;
  margin-right: 28px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo h3 span.replay:hover {
  color: #E83529;
  background: url(../images/icon-message.png) no-repeat left center;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo h3 span.deleteComm {
  color: #666;
  background: url(../images/icon-del.png) no-repeat left center;
  padding-left: 17px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo h3 span.deleteComm:hover {
  color: #E83529;
  background: url(../images/commDelete.png) no-repeat left center;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo h3 .deleteSure {
  position: absolute;
  padding: 16px;
  width: 222px;
  height: 95px;
  background: url(../images/deleteBg.png) no-repeat center center;
  right: -101px;
  top: -123px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo h3 .deleteSure .closeBox {
  text-align: right;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo h3 .deleteSure .closeBox span.close {
  display: inline-block;
  background: url(../images/deleteClose.png) no-repeat center center;
  width: 11px;
  height: 11px;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo h3 .deleteSure .deleteInfo {
  text-align: center;
  padding-top: 10px;
  font-size: 14px;
  color: #666;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo h3 .deleteSure .deleterIs {
  padding-top: 26px;
  padding-left: 18px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo h3 .deleteSure .deleterIs span {
  display: inline-block;
  width: 56px;
  height: 24px;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  background-color: #E83529;
  text-align: center;
  margin-left: 17px;
  margin-right: 17px;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo h3 .deleteSure .deleterIs span.notSure {
  background-color: #c1c1c1;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo p.pubTime {
  font-size: 14px;
  color: #666;
  padding-top: 9px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .pubText {
  font-size: 16px;
  color: #333;
  line-height: 28px;
  padding-top: 16px;
  padding-bottom: 23px;
  word-wrap: break-word;
  word-break: break-all;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .pubText img {
  width: 25px;
  margin-right: 3px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow {
  border-top: 1px dashed #d9d9d9;
  border-left: 5px solid #d9d9d9;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit {
  border-bottom: 1px dashed #d9d9d9;
  padding-top: 23px;
  padding-left: 13px;
  padding-bottom: 15px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commentReplay {
  font-size: 16px;
  color: #333;
  line-height: 28px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commentReplay b {
  color: #E83529;
  font-weight: normal;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commTime {
  font-size: 12px;
  color: #999;
  position: relative;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commTime a {
  color: #999;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commTime > span {
  display: inline-block;
  font-size: 12px;
  float: right;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commTime > span.replayer {
  color: #666;
  background: url(../images/commReplay.png) no-repeat left center;
  padding-left: 16px;
  margin-right: 28px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commTime > span.replayer:hover {
  color: #E83529;
  background: url(../images/icon-message.png) no-repeat left center;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commTime > span.deleteer {
  background: url(../images/icon-del.png) no-repeat left center;
  padding-left: 17px;
  color: #666;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commTime > span.deleteer:hover {
  color: #E83529;
  background: url('../images/commDelete.png') left center no-repeat;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commTime .deleteSure {
  position: absolute;
  padding: 16px;
  width: 222px;
  height: 95px;
  background: url(../images/deleteBg.png) no-repeat center center;
  right: -101px;
  top: -45px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commTime .deleteSure .closeBox {
  text-align: right;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commTime .deleteSure .closeBox span.close {
  display: inline-block;
  background: url(../images/deleteClose.png) no-repeat center center;
  width: 11px;
  height: 11px;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commTime .deleteSure .deleteInfo {
  text-align: center;
  padding-top: 10px;
  font-size: 14px;
  color: #666;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commTime .deleteSure .deleterIs {
  padding-top: 26px;
  padding-left: 18px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commTime .deleteSure .deleterIs span {
  display: inline-block;
  width: 56px;
  height: 24px;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  background-color: #E83529;
  text-align: center;
  margin-left: 17px;
  margin-right: 17px;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commentShow .commUnit .commTime .deleteSure .deleterIs span.notSure {
  background-color: #c1c1c1;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commtexter {
  border: 1px solid #ddd;
  height: 100px;
  padding: 9px 12px;
  margin-top: 27px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commtexter textarea.commInput {
  width: 100%;
  height: 50px;
  border: none;
  font-size: 16px;
  color: #999;
  resize: none;
  background-color: transparent;
  outline: none;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commtexter .inputOpeart {
  padding-top: 10px;
  text-align: right;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commtexter .inputOpeart > span {
  display: inline-block;
  vertical-align: middle;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commtexter .inputOpeart > span.face {
  height: 35px;
  width: 25px;
  background: url(../images/commFace.png) no-repeat center center;
  margin-right: 25px;
  position: relative;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commtexter .inputOpeart > span.face .faceBox {
  position: absolute;
  top: 40px;
  left: -208px;
  width: 348px;
  height: 175px;
  background: url(../images/faceBoxbg.png) no-repeat;
  background-size: 100% 100%;
  display: none;
  z-index: 9999;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commtexter .inputOpeart > span.face .faceBox > div {
  width: 320px;
  margin: 0 auto;
  margin-top: 14px;
  text-align: left;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commtexter .inputOpeart > span.face .faceBox > div span {
  display: inline-block;
  width: 26px;
  height: 27px;
  margin: 10px 11.6px;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commtexter .inputOpeart > span.face .faceBox > div span img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.userinfoBox .userinfoList .infoLeft .infoUnit .commentBox .commListBox .commInfo .commtexter .inputOpeart > span.submit {
  text-align: center;
  color: #fff;
  font-size: 16px;
  width: 84px;
  height: 35px;
  line-height: 35px;
  background-color: #E83529;
  border-radius: 2px;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .userconnection .ctrl {
  text-align: center;
  background-color: #fff;
  padding: 20px 0;
  font-size: 16px;
  margin-bottom: 10px;
}
.userinfoBox .userinfoList .infoLeft .userconnection .ctrl span {
  color: #E83529;
}
.userinfoBox .userinfoList .infoLeft .userconnection .ctrl a {
  color: #E83529;
  text-decoration: underline;
  padding-left: 25px;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist {
  background: white;
  position: relative;
  padding: 35px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  text-align: baseline;
  border-bottom: 1px solid #ddd;
  z-index: 1;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist.messagesB {
  height: 80px;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist:hover {
  background: #fff;
  z-index: 3;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist:hover .control {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist .img {
  width: 76px;
  height: 76px;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid #d8d9da;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist .img img {
  max-width: 100%;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist .info {
  width: 655px;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist .info .title {
  font-size: 20px;
  margin: 20px 0;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist .info .title span {
  font-size: 16px;
  color: #666;
  margin-left: 10px;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist .info .intro {
  color: #666;
  font-size: 16px;
  line-height: 20px;
  word-wrap: break-word;
  /*连续的数字或者英文就会不换行 得使用强制换行*/
  word-break: break-all;
  /*连续的数字或者英文就会不换行 得使用强制换行*/
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist .control {
  position: absolute;
  bottom: 10px;
  right: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  width: 112px;
  font-size: 12px;
  display: none;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist .control .infomations {
  color: #666;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist .control .infomations i {
  width: 12px;
  height: 11px;
  background: url('../images/icon-message2.png') top center no-repeat;
  background-size: contain;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist .control .infomations:hover {
  color: #E83529;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist .control .infomations:hover i {
  background: url('../images/icon-message1.png') top center no-repeat;
  background-size: contain;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist .control .del {
  color: #666;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist .control .del i {
  width: 12px;
  height: 11px;
  background: url('../images/icon-del2.png') top center no-repeat;
  background-size: contain;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist .control .del:hover {
  color: #E83529;
}
.userinfoBox .userinfoList .infoLeft .userconnection .connectionlist .control .del:hover i {
  background: url('../images/icon-del1.png') top center no-repeat;
  background-size: contain;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .ctrl {
  text-align: center;
  background-color: #fff;
  padding: 20px 0;
  font-size: 16px;
  margin-bottom: 10px;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .ctrl span {
  color: #E83529;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .ctrl a {
  color: #E83529;
  text-decoration: underline;
  padding-left: 25px;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist {
  border: 1px solid #ddd;
  position: relative;
  padding: 36px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  text-align: baseline;
  background-color: #fff;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist .img {
  width: 81px;
  height: 81px;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid #d8d9da;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist .img img {
  max-width: 100%;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist .info {
  width: 655px;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist .info .title {
  font-size: 20px;
  margin: 20px 0;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist .info .title span {
  font-size: 16px;
  color: #666;
  margin-left: 10px;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist .info .intro {
  color: #666;
  font-size: 16px;
  line-height: 20px;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist .control {
  position: absolute;
  bottom: 10px;
  right: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  width: 112px;
  font-size: 12px;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist .control .infomations {
  color: #666;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist .control .infomations i {
  width: 12px;
  height: 11px;
  background: url('../images/message0.png') top center no-repeat;
  background-size: contain;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist .control .infomations:hover {
  color: #E83529;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist .control .infomations:hover i {
  background: url('../images/message.png') top center no-repeat;
  background-size: contain;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist .control .del {
  color: #666;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist .control .del i {
  width: 12px;
  height: 11px;
  background: url('../images/icon-del.png') top center no-repeat;
  background-size: contain;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist .control .del:hover {
  color: #E83529;
}
.userinfoBox .userinfoList .infoLeft .userinfomation .connectionlist .control .del:hover i {
  background: url('../images/icon_del2.png') top center no-repeat;
  background-size: contain;
}
.userinfoBox .userinfoList .infoLeft .list {
  padding: 23px 22px;
  padding-top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  background-color: #fff;
}
.userinfoBox .userinfoList .infoLeft .list:nth-of-type(1) {
  padding-top: 23px;
}
.userinfoBox .userinfoList .infoLeft .list.qiu > i {
  width: 27px;
  height: 20px;
  background: url('../images/pg-icons.png') top center no-repeat;
  background-position: -112px -39px;
  float: left;
}
.userinfoBox .userinfoList .infoLeft .list.qiu .mainctrl {
  padding-left: 10px;
  width: 717px;
}
.userinfoBox .userinfoList .infoLeft .list.qiu .mainctrl .title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  color: #333;
  font-size: 18px;
}
.userinfoBox .userinfoList .infoLeft .list.qiu .mainctrl .title i {
  width: 17px;
  height: 18px;
  background: url('../images/icon_edit.png') top center no-repeat;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .list.qiu .mainctrl .title i:hover {
  background: url('../images/pg-icons.png') top center no-repeat;
  background-position: -187px -39px;
}
.userinfoBox .userinfoList .infoLeft .list.qiu .mainctrl .info {
  color: #333;
  font-size: 16px;
  padding-top: 23px;
  padding-bottom: 23px;
  border-bottom: 1px solid #ddd;
  width: 700px;
  line-height: 30px;
  word-wrap: break-word;
}
.userinfoBox .userinfoList .infoLeft .list.gong > i {
  width: 27px;
  height: 21px;
  background: url('../images/pg-icons.png') top center no-repeat;
  background-position: -147px -39px;
  float: left;
}
.userinfoBox .userinfoList .infoLeft .list.gong .mainctrl {
  padding-left: 10px;
  width: 717px;
}
.userinfoBox .userinfoList .infoLeft .list.gong .mainctrl .title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  color: #333;
  font-size: 18px;
}
.userinfoBox .userinfoList .infoLeft .list.gong .mainctrl .title i {
  width: 17px;
  height: 18px;
  background: url('../images/icon_edit.png') top center no-repeat;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .list.gong .mainctrl .title i:hover {
  background: url('../images/pg-icons.png') top center no-repeat;
  background-position: -187px -39px;
}
.userinfoBox .userinfoList .infoLeft .list.gong .mainctrl .info {
  color: #333;
  font-size: 16px;
  padding-top: 23px;
  padding-bottom: 23px;
  border-bottom: 1px solid #ddd;
  width: 700px;
  line-height: 30px;
  word-wrap: break-word;
}
.userinfoBox .userinfoList .infoLeft .list.phone > i {
  width: 27px;
  height: 21px;
  background: url('../images/pg-icons.png') top center no-repeat;
  background-position: -96px -11px;
  float: left;
}
.userinfoBox .userinfoList .infoLeft .list.phone .mainctrl {
  padding-left: 10px;
  width: 717px;
}
.userinfoBox .userinfoList .infoLeft .list.phone .mainctrl .title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  color: #333;
  font-size: 18px;
}
.userinfoBox .userinfoList .infoLeft .list.phone .mainctrl .title i {
  width: 17px;
  height: 18px;
  background: url('../images/icon_edit.png') top center no-repeat;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .list.phone .mainctrl .title i:hover {
  background: url('../images/pg-icons.png') top center no-repeat;
  background-position: -187px -39px;
}
.userinfoBox .userinfoList .infoLeft .list.phone .mainctrl .info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  color: #333;
  font-size: 16px;
  padding-top: 23px;
  padding-bottom: 23px;
  border-bottom: 1px solid #ddd;
  width: 700px;
  line-height: 30px;
  word-wrap: break-word;
}
.userinfoBox .userinfoList .infoLeft .list.phone .mainctrl .info > div {
  width: 50%;
}
.userinfoBox .userinfoList .infoLeft .list.phone .mainctrl .info .oldTel b {
  font-weight: normal;
}
.userinfoBox .userinfoList .infoLeft .list.phone .mainctrl .info .oldTel i {
  display: inline-block;
  margin-left: 15px;
  width: 17px;
  height: 18px;
  background: url(../images/icon_edit.png) top center no-repeat;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .list.phone .mainctrl .info .oldTel i:hover {
  background: url('../images/pg-icons.png') top center no-repeat;
  background-position: -187px -39px;
}
.userinfoBox .userinfoList .infoLeft .list.phone .mainctrl .info .oldWechat b {
  font-weight: normal;
}
.userinfoBox .userinfoList .infoLeft .list.phone .mainctrl .info .oldWechat i {
  display: inline-block;
  margin-left: 15px;
  width: 17px;
  height: 18px;
  background: url(../images/icon_edit.png) top center no-repeat;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .list.phone .mainctrl .info .oldWechat i:hover {
  background: url('../images/pg-icons.png') top center no-repeat;
  background-position: -187px -39px;
}
.userinfoBox .userinfoList .infoLeft .list.area > i {
  width: 27px;
  height: 21px;
  background: url('../images/pg-icons.png') top center no-repeat;
  background-position: -11px -37px;
  float: left;
}
.userinfoBox .userinfoList .infoLeft .list.area .mainctrl {
  padding-left: 10px;
  width: 717px;
}
.userinfoBox .userinfoList .infoLeft .list.area .mainctrl .title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  color: #333;
  font-size: 18px;
}
.userinfoBox .userinfoList .infoLeft .list.area .mainctrl .title i {
  width: 17px;
  height: 18px;
  background: url('../images/icon_edit.png') top center no-repeat;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .list.area .mainctrl .title i:hover {
  background: url('../images/pg-icons.png') top center no-repeat;
  background-position: -187px -39px;
}
.userinfoBox .userinfoList .infoLeft .list.area .mainctrl .info {
  color: #333;
  font-size: 16px;
  padding-top: 23px;
  padding-bottom: 23px;
  border-bottom: 1px solid #ddd;
  width: 700px;
  line-height: 30px;
  word-wrap: break-word;
}
.userinfoBox .userinfoList .infoLeft .list.company > i {
  width: 27px;
  height: 21px;
  background: url('../images/pg-icons.png') top center no-repeat;
  background-position: -33px -10px;
  float: left;
}
.userinfoBox .userinfoList .infoLeft .list.company .mainctrl {
  padding-left: 10px;
  width: 717px;
}
.userinfoBox .userinfoList .infoLeft .list.company .mainctrl .title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  color: #333;
  font-size: 18px;
}
.userinfoBox .userinfoList .infoLeft .list.company .mainctrl .title i {
  width: 17px;
  height: 18px;
  background: url('../images/icon_edit.png') top center no-repeat;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .list.company .mainctrl .title i:hover {
  background: url('../images/pg-icons.png') top center no-repeat;
  background-position: -187px -39px;
}
.userinfoBox .userinfoList .infoLeft .list.company .mainctrl .info {
  color: #333;
  font-size: 16px;
  padding-top: 23px;
  padding-bottom: 23px;
  width: 700px;
  line-height: 30px;
  word-wrap: break-word;
}
.userinfoBox .userinfoList .infoLeft .list.company .mainctrl .box {
  margin-top: 30px;
}
.userinfoBox .userinfoList .infoLeft .list.company .mainctrl .box > div {
  float: left;
  width: 190px;
  height: 190px;
}
.userinfoBox .userinfoList .infoLeft .list.company .mainctrl .box > div img {
  max-width: 100%;
}
.userinfoBox .userinfoList .infoLeft .list.company .mainctrl .box > div:nth-child(2) {
  margin: 0px 73.5px;
}
.userinfoBox .userinfoList .infoLeft .returnBtn {
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  color: #333;
  border: 1px solid #c4c9db;
  margin-bottom: 8px;
}
.userinfoBox .userinfoList .infoLeft .returnBtn a {
  color: #333;
  display: block;
  padding-left: 22px;
}
.userinfoBox .userinfoList .infoLeft .connentListBox {
  clear: both;
  border: 1px solid #c4c9db;
  border-radius: 3px;
}
.userinfoBox .userinfoList .infoLeft .connentListBox .connectUnit {
  padding: 28px 10px 20px 41px;
  border-bottom: 1px solid #ddd;
}
.userinfoBox .userinfoList .infoLeft .connentListBox .connectUnit:nth-last-of-type(1) {
  border-bottom: none;
}
.userinfoBox .userinfoList .infoLeft .connentListBox .connectUnit .connImg {
  width: 100px;
  float: left;
}
.userinfoBox .userinfoList .infoLeft .connentListBox .connectUnit .connImg img {
  width: 77px;
  height: 77px;
  border-radius: 77px;
  border: 3px solid #d2d2d2;
}
.userinfoBox .userinfoList .infoLeft .connentListBox .connectUnit .connectInfo {
  width: 640px;
  float: left;
}
.userinfoBox .userinfoList .infoLeft .connentListBox .connectUnit .connectInfo h3 {
  font-weight: normal;
  font-size: 20px;
  color: #333;
  padding-top: 13px;
}
.userinfoBox .userinfoList .infoLeft .connentListBox .connectUnit .connectInfo h3 span {
  padding-left: 18px;
  font-size: 16px;
  color: #666;
}
.userinfoBox .userinfoList .infoLeft .connentListBox .connectUnit .connectInfo .connTexter {
  padding-top: 10px;
}
.userinfoBox .userinfoList .infoLeft .connentListBox .connectUnit .connectInfo .connTexter .textShow {
  font-size: 16px;
  color: #666;
  line-height: 29px;
  width: 509px;
  float: left;
}
.userinfoBox .userinfoList .infoLeft .connentListBox .connectUnit .connectInfo .connTexter .opeartShow {
  width: 125px;
  float: right;
  text-align: right;
}
.userinfoBox .userinfoList .infoLeft .connentListBox .connectUnit .connectInfo .connTexter .opeartShow span {
  display: inline-block;
  font-size: 14px;
  color: #333;
  line-height: 26px;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoLeft .connentListBox .connectUnit .connectInfo .connTexter .opeartShow span.agree {
  width: 57px;
  height: 26px;
  text-align: center;
  background-color: #E83529;
  color: #fff;
  border-radius: 2px;
}
.userinfoBox .userinfoList .infoLeft .connentListBox .connectUnit .connectInfo .connTexter .opeartShow span.ignore {
  margin-right: 14px;
}
.userinfoBox .userinfoList .infoLeft .messagesBox {
  border: 1px solid #c4c9db;
  border-radius: 3px;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .returnBtner {
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #c4c9db;
  background-color: #fff;
  text-align: center;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .returnBtner a {
  color: #333;
  display: inline-block;
  padding-left: 22px;
  float: left;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .wordPk {
  padding-bottom: 55px;
  background-color: #f0f0f0;
  padding-top: 8px;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .wordPk .wordLine {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 118px;
  padding-right: 75px;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .wordPk .wordLine .wordLineBg {
  background: url('../images/dashenBg.png') repeat-x center center;
  text-align: center;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .wordPk .wordLine .wordLineBg span {
  font-size: 14px;
  color: #333;
  display: inline-block;
  background-color: #f0f0f0;
  padding-left: 14px;
  padding-right: 9px;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .sendUnit .sendImg {
  width: 68px;
  float: left;
  padding-left: 24px;
  padding-right: 13px;
  position: relative;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .sendUnit .sendImg img {
  width: 68px;
  height: 68px;
  border-radius: 68px;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .sendUnit .sendImg span {
  display: inline-block;
  position: absolute;
  right: 13px;
  bottom: 0px;
  width: 15px;
  height: 15px;
  background: url('../images/con_vv.png') no-repeat center center;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .sendUnit .sendWorder {
  max-width: 642px;
  margin-top: 8px;
  display: inline-block;
  border: 1px solid #d5d5d4;
  padding: 18px;
  font-size: 16px;
  color: #333;
  box-shadow: 0px 0px 5px rgba(228, 228, 228, 0.9);
  position: relative;
  background-color: #fff;
  border-radius: 1px;
  line-height: 20px;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .sendUnit .sendWorder span {
  display: inline-block;
  position: absolute;
  left: -11px;
  top: 10px;
  width: 11px;
  height: 10px;
  background: url('../images/word_arrow_left.png') repeat-x center center;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .replyUnit {
  text-align: right;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .replyUnit .replyImg {
  width: 68px;
  float: right;
  padding-left: 24px;
  padding-right: 13px;
  position: relative;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .replyUnit .replyImg img {
  width: 68px;
  height: 68px;
  border-radius: 68px;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .replyUnit .replyImg span {
  display: inline-block;
  position: absolute;
  left: 13px;
  bottom: 0px;
  width: 15px;
  height: 15px;
  background: url('../images/con_vv.png') no-repeat center center;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .replyUnit .replyWorder {
  max-width: 642px;
  margin-top: 8px;
  border-radius: 1px;
  display: inline-block;
  border: 1px solid #b8d5f0;
  padding: 18px;
  font-size: 16px;
  background-color: #d8ebfd;
  color: #333;
  box-shadow: 0px 0px 5px rgba(228, 228, 228, 0.9);
  position: relative;
  line-height: 25px;
}
.userinfoBox .userinfoList .infoLeft .messagesBox .replyUnit .replyWorder span {
  display: inline-block;
  position: absolute;
  right: -11px;
  top: 10px;
  width: 11px;
  height: 10px;
  background: url('../images/word_arrow_right.png') repeat-x center center;
}
.userinfoBox .userinfoList .infoLeft .commBoxer {
  background-color: #fff;
  padding: 25px 17px;
  padding-bottom: 34px;
}
.userinfoBox .userinfoList .infoLeft .commBoxer textarea {
  border: 1px solid #E83529;
  height: 134px;
  width: 100%;
  resize: none;
}
.userinfoBox .userinfoList .infoLeft .commBoxer .sendercommer {
  padding-top: 15px;
  text-align: right;
}
.userinfoBox .userinfoList .infoLeft .commBoxer .sendercommer span {
  display: inline-block;
  width: 81px;
  height: 32px;
  line-height: 32px;
  background-color: #E83529;
  font-size: 14px;
  color: #fff;
  text-align: center;
  border-radius: 1px;
  cursor: pointer;
}
.userinfoBox .userinfoList .infoRight {
  width: 348px;
  float: right;
  background-color: #fff;
  border: 1px solid #c4c9db;
  border-radius: 3px;
}
.userinfoBox .userinfoList .infoRight .praiseMeBox h3 {
  font-size: 18px;
  color: #333;
  height: 38px;
  line-height: 38px;
  padding-left: 19px;
  padding-right: 12px;
  border-bottom: 1px solid #ddd;
}
.userinfoBox .userinfoList .infoRight .praiseMeBox h3 a {
  font-weight: normal;
  font-size: 14px;
  color: #333;
  float: right;
}
.userinfoBox .userinfoList .infoRight .praiseMeBox .praiseShow {
  padding-left: 19px;
  padding-top: 8px;
}
.userinfoBox .userinfoList .infoRight .praiseMeBox .praiseShow .praiseUnit {
  width: 49px;
  margin-right: 39px;
  float: left;
  margin-bottom: 15px;
  padding-top: 7px;
}
.userinfoBox .userinfoList .infoRight .praiseMeBox .praiseShow .praiseUnit:nth-of-type(4n) {
  margin-right: 0px;
}
.userinfoBox .userinfoList .infoRight .praiseMeBox .praiseShow .praiseUnit a img {
  width: 49px;
  height: 49px;
  border-radius: 49px;
}
.userinfoBox .userinfoList .infoRight .praiseMeBox .praiseShow .praiseUnit p {
  font-size: 12px;
  color: #666;
  line-height: 26px;
  text-align: center;
  white-space: nowrap;
}
.userinfoBox .userinfoList .infoRight .praiseMeBox .userVisitors {
  border-top: 1px solid #ddd;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #666;
  padding-left: 19px;
  padding-right: 30px;
}
.userinfoBox .userinfoList .infoRight .praiseMeBox .userVisitors span {
  display: inline-block;
}
.userinfoBox .userinfoList .infoRight .praiseMeBox .userVisitors span.hostorys {
  float: right;
}
.box-pattern-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.box-pattern-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.box-flex {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -o-flex: 1;
  flex: 1;
}
.cover-1 {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 555;
}
.cover-1 .container {
  margin: 100px auto 0px;
  width: 400px;
  background: white;
  z-index: 200;
}
.cover-1 .container.big {
  width: 550px;
}
.cover-1 .container .information {
  width: 90%;
  margin: 0 auto;
  padding-top: 30px;
}
.cover-1 .container .information .title {
  color: #E83529;
  border-bottom: 1px solid #d5d5d5;
  padding: 10px 0;
  font-size: 22px;
}
.cover-1 .container .information .modflyInfo {
  background: #f6f2c4 url('../images/no.png') 30px center no-repeat;
  background-size: 20px 20px;
  text-indent: 45px;
  margin: 10px 0;
  padding: 10px;
}
.cover-1 .container .information .content .sixin .list {
  padding: 25px 0;
  font-size: 16px;
  background: url('../images/sixin1.png') right center no-repeat;
  background-size: 25px auto;
}
.cover-1 .container .information .content .sixin .list.active {
  background: url('../images/sixin2.png') right center no-repeat;
  background-size: 25px auto;
}
.cover-1 .container .information .content .person .list {
  padding: 15px 30px;
  font-size: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
.cover-1 .container .information .content .person .list .name {
  width: 45px;
}
.cover-1 .container .information .content .person .list .info {
  width: 250px;
}
.cover-1 .container .information .content .person .list .info input {
  font-size: 16px;
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid #d5d5d5;
}
.cover-1 .container .information .content .person .list .info.pro {
  position: relative;
  border-bottom: 1px solid #d5d5d5;
  padding: 5px 0;
}
.cover-1 .container .information .content .person .list .info.pro .pcaValue {
  background: url(../images/arrow1.png) right center no-repeat;
}
.cover-1 .container .information .content .person .list .info.pro .pcaValue b {
  font-weight: normal;
}
.cover-1 .container .information .content .person .list .info.pro .pcaValue.active {
  background: url(../images/arrow2.png) right center no-repeat;
}
.cover-1 .container .information .content .person .list .info.pro b {
  font-weight: normal;
}
.cover-1 .container .information .content .person .list .info.pro.active {
  background: url(../images/arrow2.png) right center no-repeat;
}
.cover-1 .container .information .content .person .list .info.pro .box {
  display: none;
  width: 265px;
  margin-left: 24px;
  border: 1px solid #bfbfbf;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 5;
  background: #fff;
}
.cover-1 .container .information .content .person .list .info.pro .box div.topbar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.cover-1 .container .information .content .person .list .info.pro .box div.topbar > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -o-flex: 1;
  flex: 1;
  height: 36px;
  font-size: 16px;
}
.cover-1 .container .information .content .person .list .info.pro .box div.topbar > div:hover {
  cursor: pointer;
}
.cover-1 .container .information .content .person .list .info.pro .box div.topbar > div:first-child.active {
  background: #f0f0f0;
  border-bottom: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
}
.cover-1 .container .information .content .person .list .info.pro .box div.topbar > div:last-child.active {
  background: #f0f0f0;
  border-bottom: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
}
.cover-1 .container .information .content .person .list .info.pro .box .inlBox {
  padding: 10px;
}
.cover-1 .container .information .content .person .list .info.pro .box .inlBox div.provinceBox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 5px 0;
}
.cover-1 .container .information .content .person .list .info.pro .box .inlBox div.provinceBox div.typepro {
  width: 40px;
  text-align: center;
  margin: 10px 0;
}
.cover-1 .container .information .content .person .list .info.pro .box .inlBox div.provinceBox div.province {
  width: 205px;
}
.cover-1 .container .information .content .person .list .info.pro .box .inlBox div.provinceBox div.province span {
  width: 50px;
  float: left;
  text-align: center;
  margin: 10px 0;
}
.cover-1 .container .information .content .person .list .info.pro .box .inlBox div.provinceBox div.province span.active {
  color: #E83529;
}
.cover-1 .container .information .content .person .list .info.pro .box .inlBox div.provinceBox div.province span:hover {
  color: #E83529;
  cursor: pointer;
}
.cover-1 .container .information .content .person .list .info.type {
  border-bottom: 1px solid #d5d5d5;
  padding: 5px 0;
  position: relative;
  background: url(../images/arrow1.png) right center no-repeat;
}
.cover-1 .container .information .content .person .list .info.type.active {
  background: url(../images/arrow2.png) right center no-repeat;
}
.cover-1 .container .information .content .person .list .info.type #companyType {
  font-size: 16px;
  margin-right: 24px;
  font-weight: normal;
  padding-bottom: 10px;
  color: #b4b4b4;
  cursor: pointer;
}
.cover-1 .container .information .content .person .list .info.type #companyType em {
  font-style: normal;
}
.cover-1 .container .information .content .person .list .info.type #companyType span {
  background: #E83529;
  padding: 2px 10px;
  color: white;
  border-radius: 18px;
  font-size: 16px;
  margin-left: 10px;
  position: relative;
}
.cover-1 .container .information .content .person .list .info.type #companyType span i {
  width: 15px;
  height: 16px;
  background: url('../images/pg-icons.png') no-repeat;
  background-position: -189px -11px;
  position: absolute;
  top: -7px;
  right: -7px;
  cursor: pointer;
  display: none;
}
.cover-1 .container .information .content .person .list .info.type #companyType > i {
  width: 12px;
  height: 7px;
  background: url('../images/pg-icons.png') no-repeat;
  background-position: -208px -11px;
  float: right;
  margin-top: 10px;
  cursor: pointer;
}
.cover-1 .container .information .content .person .list .info.type .pcabox {
  display: none;
  width: 245px;
  margin-left: 24px;
  border: 1px solid #bfbfbf;
  padding: 20px 7.5px;
  margin-top: 11px;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 5;
  background: white;
}
.cover-1 .container .information .content .person .list .info.type .pcabox span {
  float: left;
  width: 54px;
  height: 24px;
  text-align: center;
  margin: 0 2.625px;
  border: 1px solid white;
  line-height: 24px;
  border-radius: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}
.cover-1 .container .information .content .person .list .info.type .pcabox span.active {
  border: 1px solid #e4726b;
}
.cover-1 .container .information .content .spe {
  position: relative;
}
.cover-1 .container .information .content .spe textarea {
  margin: 20px 0;
  width: 100%;
  height: 140px;
  resize: none;
  font-size: 16px;
}
.cover-1 .container .information .content .spe .wordNum {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: right;
}
.cover-1 .container .information .content .spe .wordNum b {
  font-weight: normal;
}
.cover-1 .container .information .content .company .companyWrite {
  margin: 20px 0;
  margin-bottom: 40px;
  position: relative;
}
.cover-1 .container .information .content .company .companyWrite textarea {
  width: 100%;
  height: 140px;
  resize: none;
  font-size: 16px;
}
.cover-1 .container .information .content .company .companyWrite .wordNum {
  position: absolute;
  bottom: -17px;
  left: 0;
  width: 100%;
  text-align: right;
}
.cover-1 .container .information .content .company .companyWrite .wordNum b {
  font-weight: normal;
}
.cover-1 .container .information .content .company .list {
  background: url('../images/imageschange.png') top center no-repeat;
  background-size: contain;
  width: 127px;
  height: 127px;
  float: left;
  position: relative;
}
.cover-1 .container .information .content .company .list input {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
}
.cover-1 .container .information .content .company .list i {
  position: absolute;
  width: 22px;
  height: 22px;
  top: -11px;
  right: -11px;
  background: url('../images/icon-spanxblack.png') top center no-repeat;
  background-size: contain;
}
.cover-1 .container .information .content .company .list img {
  max-width: 100%;
}
.cover-1 .container .information .content .company .list:nth-child(2) {
  margin: 0 57px;
}
.cover-1 .container .information .content .phone .list {
  padding: 15px 30px;
  font-size: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
.cover-1 .container .information .content .phone .list .name {
  width: 45px;
}
.cover-1 .container .information .content .phone .list .info {
  width: 250px;
  position: relative;
}
.cover-1 .container .information .content .phone .list .info input {
  font-size: 16px;
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid #d5d5d5;
}
.cover-1 .container .information .content .phone .list .info .tishi {
  position: absolute;
  background: #f2f2f2;
  font-size: 16px;
  bottom: 5px;
  right: 0;
  padding: 5px;
  cursor: pointer;
}
.cover-1 .container .information .buttons {
  width: 295px;
  margin: 0px auto;
  padding: 30px 0;
}
.cover-1 .container .information .buttons span {
  width: 115px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.cover-1 .container .information .buttons span:nth-child(1) {
  background: #999;
  color: white;
  margin-right: 32.5px;
}
.cover-1 .container .information .buttons span:nth-child(2) {
  background: #E83529;
  color: white;
}
.popBoxshow {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999999999999999999;
}
.popBoxshow .deleteSure {
  position: absolute;
  padding: 16px;
  width: 222px;
  height: 95px;
  background: url(../images/deleteBg.png) no-repeat center center;
  right: 0px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  z-index: 9999;
}
.popBoxshow .deleteSure .closeBox {
  text-align: right;
}
.popBoxshow .deleteSure .closeBox span.close {
  display: inline-block;
  background: url(../images/deleteClose.png) no-repeat center center;
  width: 11px;
  height: 11px;
  cursor: pointer;
}
.popBoxshow .deleteSure .deleteInfo {
  text-align: center;
  padding-top: 10px;
  font-size: 14px;
  color: #666;
}
.popBoxshow .deleteSure .deleterIs {
  padding-top: 26px;
  padding-left: 18px;
}
.popBoxshow .deleteSure .deleterIs span {
  display: inline-block;
  width: 56px;
  height: 24px;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  background-color: #E83529;
  text-align: center;
  margin-left: 17px;
  margin-right: 17px;
  cursor: pointer;
}
.popBoxshow .deleteSure .deleterIs span.notSure {
  background-color: #c1c1c1;
}
.public-register {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 400px;
  height: 308px;
  background: white;
  border: 5px solid #ababab;
  z-index: 55555;
}
.public-register .content {
  position: relative;
}
.public-register .content .public-error {
  width: 26px;
  height: 26px;
  position: absolute;
  right: 19px;
  top: 15px;
  cursor: pointer;
}
.public-register .content .public-error img {
  max-width: 100%;
}
.public-register .content .public-erweima {
  padding-top: 37px;
  height: 200px;
  width: 200px;
  margin: 0 auto 23px;
}
.public-register .content .public-info {
  text-align: center;
  font-size: 18px;
  color: #666;
}

/* 我要报名 */
.public-apply {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 400px;
  height: 308px;
  background: white;
  border: 5px solid #ababab;
  z-index: 55555;
}
.public-apply .content {
  position: relative;
}
.public-apply .content .public-error {
  width: 26px;
  height: 26px;
  position: absolute;
  right: 19px;
  top: 15px;
  cursor: pointer;
}
.public-apply .content .public-error img {
  max-width: 100%;
}
.public-apply .content .public-erweima {
  padding-top: 37px;
  height: 200px;
  width: 200px;
  margin: 0 auto 23px;
}
.public-apply .content .public-info {
  text-align: center;
  font-size: 18px;
  color: #666;
}


/*  搜索页 */

.search_content_box .searchBox{
 
  width: 836px;
  height: 54px;
  border:1px solid #f2f2f2;
  background-color: #fff;
  box-sizing: border-box;
  padding: 15px 22px;
}
.search_content_box .search_input{
  display: block;
  width: 836px;
  height: 62px;
  margin:0 auto;
  margin-top: 68px;
  margin-bottom:40px;
  font-size: 22px;
}
.search_content_box .search_input .basicSearch div{
  line-height: 30px;
  padding-left: 26px;
}
.search_content_box .searchBox input{
  width: 95%;
  height: 100%;
  float: left;
  outline: none;
  border:none;
  background-color: #fff;
  font-family: PingFangSC-Medium,microsoft yahei;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  color: #373634;
}
.search_content_box .searchBox  img{
  width: 26px;
  height: 26px;
  display: inline-block;
}
.search_content_box .searchBox  img:hover{
  cursor: pointer;
}

.search_content_box .search_content_info{
  width: 1120px;
  margin: 0 auto;
}
.search_content_box .search_content_info .message_tip{
  font-family: PingFangSC-Medium,microsoft yahei;
  font-weight: 600;
  font-size: 16px;
  color: #AEAEAE;
  margin-bottom: 24px;
  line-height: 22px;  
}
.search_content_box .search_content_info .message_list .message_list_one{
  width: 1120px;
  height: 162px;
  margin-top: 8px;
   box-sizing: border-box;
  border:1px solid #f2f2f2;
  padding:20px;
  background-color: #fff;

}
.search_content_box .search_content_info .message_list .message_list_one .img a{
  display: inline-block;
  width: 162px;
  height: 122px;
  overflow: hidden;
}
.search_content_box .search_content_info .message_list .message_list_one:hover{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.08); 
  border-color: rgba(0,0,0,.08);
}
.search_content_box .search_content_info .message_list b {
    color: #a02017;
}
.search_content_box .search_content_info .message_list  .message_list_one .img{
  float: left;
  margin-right: 20px;
}
.search_content_box .search_content_info .message_list  .message_list_one .img img{
   width: 175px;
  height: 122px;
  display: inline-block;
}
.search_content_box .search_content_info .message_list .message_list_right{
  float: right;
  width: 883px;
  display: -webkit-box;display: -ms-flexbox;display: flex;
  flex-direction:column;
  justify-content: space-between;
  height: 122px;
}

.search_content_box .search_content_info .message_list .message_list_right a:hover{
  color: #e15345;
}
.search_content_box .search_content_info .message_list_right .search_top a{
  font-weight: normal;
  font-family: PingFangSC-Medium,microsoft yahei;
  font-weight: 600;
  
  font-size: 18px;
  color: #333333;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
 
}

.search_content_box .search_content_info .message_list_right .search_top p{
  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 14px;
  line-height: 21px;
  margin-top: 7px;
  color: #888888;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
   overflow: hidden;
    word-break: break-all;
}
.search_content_box .search_content_info .message_list_right .search_bottom{
  display: -webkit-box;display: -ms-flexbox;display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
 
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  height: 26px;
}
.search_content_box .search_content_info .message_list_right .search_bottom .author{
  margin-right: 28px;
  margin-left: 18px;

  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 14px;
  line-height: 14px;
  color: #585657;
}
.search_content_box .search_content_info .message_list_right .search_bottom .time{
  font-family: PingFangSC-Regular,microsoft yahei;
  font-size: 12px;
  line-height: 12px;
  color: #888888;
}
.search_content_box .search_content_info .message_list_right .search_bottom img{
  width: 26px;
  height: 26px;
  border-radius: 50%;
}
.search_content_box .search_content_info .message_list_right .search_left{
  display: -webkit-box;display: -ms-flexbox;display: flex;
  align-items: center;
}
.search_content_box .search_content_info .message_list_right .search_right{
    padding-left: 20px;
   background: url(../images/mark.png) left center no-repeat; 
    font-size: 13px;
   color:#888;
}
.search_content_box .search_content_info .message_list_right .search_right a{
  
   color:#888;
}
.search_content_box .search_content_info .add{
  width: 1120px;
  margin-top: 26px;
  margin-bottom:30px;
  background-color: #fff;
  height:51px;
  line-height: 51px;
  border:1px solid #f2f2f2;
  text-align: center;
  font-family: PingFangSC-Medium,microsoft yahei;
  font-weight: 600;
  font-size: 14px;
  color: #555555;
}
.search_content_box .search_content_info .add:hover{
  cursor:pointer;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.08); 
  border-color: rgba(0,0,0,.08);
}
/* 首页 轮播体右侧新闻推荐 */
.info_content_box .hotnews{
  width: 268px;
  float: left;
}
.info_content_box .hotnews .hotnews_list{
  width: 268px;
  height: 186px;
  overflow: hidden;
}
.info_content_box .hotnews .hotnews_list:first-child{
  margin-bottom: 16px;
}
.info_content_box .hotnews .hotnews_list img{
  width: 100%;
  height: 100%;
  display: block;
}
.info_content_box .hotnews .hotnews_list:hover img{
  -webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  transform: matrix(1.04, 0, 0, 1.04, 0, 0);
}
.info_content_box .hotnews .hotnews_list p{
  left: 0;
  right: 0;
  bottom: 18px;
  width: 228px;
  margin: auto;
  /* height: 44px; */
  line-height: 22px;
  font-size: 16px;
  color: #FFF;
  font-family:PingFangSC-Medium,'microsoft yahei';
  font-weight: 600;
  text-indent: inherit;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; 
  white-space: normal;
  word-break: break-all;
  background: none;
  z-index: 2;
}

/* .info_content_box .hotnews .hotnews_list a:before{
  content: " ";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background:linear-gradient(to bottom,rgba(0,0,0,.3) 0,transparent 50%,rgba(0,0,0,.66) 100%);
} */

/* 首页 栏目切换 */
.left .newsBar{
  width: 100%;
  padding: 10px 0 20px;
}
.left .newsBar.newsBarFixed{
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(255,255,255,.9);
  z-index: 999;
  -webkit-box-shadow: 0 2px 4px 0 rgba(165,165,165,0.50);
  box-shadow: 0 2px 4px 0 rgba(165,165,165,0.50);
}
.left .newsBar .newsBar_box{
  margin: 0 auto;
}
.left .newsBar.newsBarFixed .newsBar_box{
  width: 1120px;
}
.left .newsBar .newsBar_box_l{
  width: 836px;
  height: 35px;
}
.newsBar_l{
  width: 785px;
  float: left;
  overflow: hidden;
}
.newsBar_l ul{
  height: 35px;
  overflow: hidden;
}
.newsBar_l li{
  float: left;
  height: 25px;
  line-height: 25px;
  padding-top: 10px;
  /* border-top: 4px solid transparent; */
  font-family: PingFangSC-Medium,microsoft yahei;
  font-weight: 600;
  font-size: 16px;
  margin-left: 25px;
  position: relative;
  transition: all 5s;

}
.newsBar_l li:after{
  content: " ";
  position: absolute;
  width: 0%;
  height: 4px;
  background: #E83529;
  left: 0;
  top: 0;
}
.newsBar_l li.active:after{
  width: 100%;
  transition: width .5s;
}
.newsBar_l li:first-child{
  margin-left: 0;
}
.newsBar_l li.active{
  border-color: #E83529;
}
.newsBar_l li a{
  color: #000;
  display: block;
}
.newsBar_l li a:hover{
  color: #E83529;
}
.newsBar_l li.active a{
  color: #E83529;
}
.newsBar_r{
  width: 46px;
  float: right;
  text-align: right;
}
.newsBar_r a{
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  margin-top: 14px;
  background-color: #B6B6B6;
}
.newsBar_r a.newsBar_prev.active,.newsBar_r a.newsBar_next.active{
  background-color: #727071;
}
.newsBar_r a.newsBar_prev{
  background-image: url('../images/newsBar-prev.png');
}
.newsBar_r a.newsBar_next{
  background-image: url('../images/newsBar-next.png');
}

/* 品观会全部会议页面 */
.meeting_box{
  width: 1120px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 15px;
  margin-top: 17px;
}
.meeting_box .meetingAll_bar{
  font-family: 'PingFangSC-Medium','microsoft yahei';
  font-size: 14px;
  margin-bottom: 17px;
  font-weight: 600;
}
.meeting_box .meetingAll_bar a{
  color: #999;
  display: inline-block;
  line-height: 20px;
  padding-right: 16px;
  background: url('../images/meeting_arrow.png') right center no-repeat;
  background-size: 10px;
}
.meeting_box .meetingAll_box{
  position: relative;
}
.meeting_box .meetingAll_item{
  width: 352px;
  height: 310px;
  background: #fff;
  float: left;
  margin-left: 32px;
  margin-bottom: 32px;
  box-shadow: 0 0 0 1px #F2F2F2
}
.meeting_box .meetingAll_item:hover,.special_subject_one:hover{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.08); 
  border-color: rgba(0,0,0,.08);
}
.meeting_box .meetingAll_item:nth-child(3n+1){
  margin-left: 0;
}
.meeting_box .meetingAll_item .meetingAll_img{
  width: 352px;
  height: 198px;
  overflow: hidden;
}
.meeting_box .meetingAll_item .meetingAll_img:hover img{
  -webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  -moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  -ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  -o-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  transform: matrix(1.04, 0, 0, 1.04, 0, 0);
}
.meeting_box .meetingAll_item .meetingAll_img img{
  width: 100%;
  height: 100%;
  display: block;
}
.meeting_box .meetingAll_item .meetingAll_content{
  width: 322px;
  height: 78px;
  padding: 12px 15px 22px;
  position: relative
}
.meeting_box .meetingAll_item .meetingAll_content a{
  font-family: 'PingFangSC-Medium','microsoft yahei';
  font-weight: 600;
}
.meeting_box .meetingAll_item .meetingAll_content>a{
  position: absolute;
  display: inline-block;
  right: 0;
  bottom: 22px;
  width: 80px;
  text-align: center;
  font-size: 15px;
  height: 26px;
  line-height: 26px;
  color: #fff;
}
.meeting_box .meetingAll_item .meetingAll_content>a.meetingAll_apply{
  background: #E83529;
}
.meeting_box .meetingAll_item .meetingAll_content>a.meetingAll_unapply{
  text-indent: 10px;
  background: url('../images/meeting_unapply.png');
  cursor: default;
}
.meeting_box .meetingAll_item .meetingAll_content_box{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.meeting_box .meetingAll_item .meetingAll_content_box a{
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  display: inline-block;
  line-height: 22px;
  font-size: 16px;
  margin-bottom: 12px;
}
.meeting_box .meetingAll_item .meetingAll_content_box a:hover{
  color: #e15345;
}
.meeting_box .meetingAll_item .meetingAll_content_box p{
  padding-left: 18px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
  height: 20px;
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.meeting_box .meetingAll_item .meetingAll_content_box .meetingAll_time{
  margin-bottom: 4px;
  background: url('../images/meeting_time.png') left center  no-repeat;
}
.meeting_box .meetingAll_item .meetingAll_content_box .meetingAll_address{
  background: url('../images/meeting_address.png') left center no-repeat;
}

/* 品观会议详情页面 */
/* 超出两行省略公共类名 */
.two_line_ellipsis{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}
.meetingDetail_container{
   width: 1120px;
    margin: 0 auto;
    margin-top: 16px;

}

.meetingDetail_container .attendLeft{
  width: 836px;
  margin-right: 16px;
  float: left;
}
.meetingDetail_container .attendRight{
  width: 268px;
  float: right;
}

.meetingDetail_container .sign{
  margin-bottom: 25px;
  background-color: #fff;
  border: 1px solid #f2f2f2;
}
.meetingDetail_container .sign>img{
  display: inline-block;
  width: 552px;
  height: 310px;
}

/* meet 轮播s */
.meetingDetail_container .sign .meet_wrapper{
  float: left;
  position: relative;
  width: 552px;
  overflow: hidden;
}
.meet_wrapper a.slideshow_prev {
  text-indent: -9999px;
  position: absolute;
  left: -49px;
   top: 50%;
  -webkit-transform: translate(0,-50%);
     -moz-transform: translate(0,-50%);
      -ms-transform: translate(0,-50%);
       -o-transform: translate(0,-50%);
          transform: translate(0,-50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  outline: none;
}
.meet_wrapper a.slideshow_prev span {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/arrows_ll.png) no-repeat center center;
  text-indent: -9999px;
}
.meet_wrapper a.slideshow_prev:hover span{
  background: url(../images/arrows_ll_h.png) no-repeat center center;
}
.meet_wrapper a.slideshow_next {
  text-indent: -9999px;
  position: absolute;
  right: -49px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
     -moz-transform: translate(0,-50%);
      -ms-transform: translate(0,-50%);
       -o-transform: translate(0,-50%);
          transform: translate(0,-50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  outline: none;
}
.meet_wrapper a.slideshow_next span {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/arrows_rr.png) no-repeat center center;
  text-indent: -9999px;
}
.meet_wrapper a.slideshow_next:hover span{
  background: url(../images/arrows_rr_h.png) no-repeat center center;
}
.meet_wrapper .slideshow_paging {
  position: absolute;
  bottom: 16px;
  right: 27px;
  z-index: 11;
}
.meet_wrapper .slideshow_paging a {
  display: block;
  float: left;
  margin-left: 8px;
  font-size: 0;
  color: #fff;
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-radius: 100%;
  border: 1px solid #fff;
}
.meet_wrapper .slideshow_paging a.activeSlide {
  background-color:#fff;
}
.meet_wrapper .slideshow{
  position: relative;
  width: 552px;
  height: 310px;
}
.meet_wrapper .slideshow_item{
   position: absolute;
   top:0;
   left: 0;
}
.meet_wrapper .slideshow_item a img{
  width: 552px;
  height: 310px;
  display:block;

}
/* meet 轮播end */


.meetingDetail_container .sign  .sign_up{
  width: 542px;
  float: right;
}
.meetingDetail_container .sign  .sign_up h2 {
  margin-top: 18px;
  margin-bottom: 24px;
  line-height: 33px;
  font-family: PingFangSC-Medium,"microsoft yahei";
  font-weight: 600;
  font-size: 24px;
  color: #111;
}
.meetingDetail_container  .sign_up>p{
  font-family: PingFangSC-Medium,"microsoft yahei";
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 6px;
  font-size: 15px;
  color: #666666;
}
.meetingDetail_container .sign_up .two_bar{
  float: right;
  width: 110px;
  height: 156px;
  text-align: center;
  margin-right: 82px;
  margin-top: 13px;
}
.meetingDetail_container .sign_up .two_bar img{
  width: 110px;
  height: 110px;
  margin:6px 0 12px ;
}
.meetingDetail_container .sign_up .two_bar p{
  font-size: 12px;
  margin-bottom: 10px;
  color: #666666;
}
.meetingDetail_container .my_sign{
  display: inline-block;
  width: 140px;
  height: 44px;
  line-height: 44px;
  font-family: PingFangSC-Medium,"microsoft yahei";
  font-weight: 600;
  font-weight: 600;
  font-size: 16px;
  color: #FFF;
  text-align: center;
  background: #E83529;
  border-radius: 4px;
  margin-top: 115px;
}
.meetingDetail_container .sign_fr{
  float: right;
  margin-top: 15px;
}
.meetingDetail_container .sign_fixed{
  position: fixed;
  bottom: 15px;
  /* right: 674px; */
}
.meetingDetail_container .sign_none{
  display: none;
}
.meetingDetail_container .sign_over{
  background-color: #ccc;
}
.meetingDetail_container .attend_head{
  width: 100%;
  height: 64px;
  background-color: #fff;
  margin-bottom: 3px;
  box-shadow: 0 2px 4px 0 rgba(165,165,165,0.50);
}
.meetingDetail_container  .attend_head_sign{
  position: relative;
}
.meetingDetail_container .attend_head em{
  position: absolute;
  right: 0;
  padding: 1px 2px;
  top:20px;
  -webkit-transform: translate(102%, 0);
  -moz-transform: translate(102%, 0);
  -ms-transform: translate(102%, 0);
  -o-transform: translate(102%, 0);
  transform: translate(102%, 0);
  font-style:normal;
  background: #EA3436; 
  line-height: 10px;
  font-size: 12px;
  color: #FFFFFF; 
  border-radius: 4px;
}

.meetingDetail_container .attend_head_fixed ul{
  width: 1120px;
  margin: 0 auto;
}
.meetingDetail_container .attend_head_fixed{
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(255,255,255,.9);
  z-index: 999;
  -webkit-box-shadow: 0 2px 4px 0 rgba(165,165,165,0.50);
  box-shadow: 0 2px 4px 0 rgba(165,165,165,0.50);
}
.meetingDetail_container .attend_head a{
  display: inline-block;
  font-family: PingFangSC-Medium,"microsoft yahei";
  font-weight: 600;
  font-size: 16px;
  height: 60px;line-height: 64px;
  color: #333333;
}
.meetingDetail_container .attend_head .active a{
  color: #E83529;
  border-bottom:4px solid #E83529;
}
.meetingDetail_container .attend_head li:not(:last-of-type){
  line-height: 64px;
  margin-right:60px;
}
.meetingDetail_container .attend_head li:first-of-type{
  margin-left: 20px;
}
.meetingDetail_container .attend_body{
  width:  836px;
  overflow: hidden;
  margin-bottom: 36px;
}
.meetingDetail_container .attend_body_box{
   background-color: #fff;
   border: 1px solid #f2f2f2;
}
.meetingDetail_container .attend_body_mt{
  margin-top:83px;
}

.meetingDetail_container .attend_head li{
  float: left;
}
/*品观详情 会议报道 */
.meetingDetail_container .meeting_report .meeting_report_box{
  padding-bottom: 20px;
  padding-left:20px;
  padding-top: 32px;
  border: 1px solid #f2f2f2;
}
.meetingDetail_container  .attend_body .box{
  padding-top: 16px;
  background-color: #fafafa;
}
.meetingDetail_container  .attend_body  .box .loadmore{
  border: 1px solid #f2f2f2;
  background-color: #fff;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-family: PingFangSC-Medium,"microsoft yahei";
  font-weight: 600;
  font-size: 14px;
  color: #555555;
}
.meetingDetail_container  .attend_body  .box .loadmore:hover{
  cursor: pointer;
}
.meetingDetail_container .meeting_report .report_one{
  display: block;
  width: 796px;
  height: 139px;
  box-sizing: border-box;
  border: 1px solid #F2F2F2;
  padding: 16px ;
  margin-bottom: 10px;
}
.meetingDetail_container .meeting_report .report_one:hover{
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0,0.08)
}
.meetingDetail_container .meeting_report .report_one a>img{
  width: 152px;
  height: 106px;
  margin-right: 15px;
}
.meetingDetail_container .meeting_report .report_right{
  float: right;
  width: 594px;
  height: 106px;
  position: relative;
  
}
.meetingDetail_container .meeting_report .report_right h2{
  font-family: PingFangSC-Medium,"microsoft yahei";
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 22px;
  font-size: 16px;
 
}
.meetingDetail_container .meeting_report .report_right h2 a{
   color: #333333;
}
.meetingDetail_container .meeting_report .report_right h2 a:hover{
   color:#e15345;
}
.meetingDetail_container .meeting_report .report_right p{
  font-size: 12px;
  color: #888888;
  line-height: 14px;
}
.meetingDetail_container .meeting_report .report_info{
  position: absolute;
  bottom: 0;
  left: 0;
}
.meetingDetail_container .meeting_report .report_info span{
  display:block;
  float: left;
  height: 22px;
  line-height: 22px;
}
.meetingDetail_container .meeting_report .report_info .img{
  width: 22px;
}
.meetingDetail_container .meeting_report .report_info img{
    width: 22px;
    height: 22px;
    display: inline-block;
    border-radius: 50%;
}

.meetingDetail_container .meeting_report .report_info .people{
  font-size: 12px;
  color: #585657;
  margin-left: 14px;
  margin-right: 23px;
}
.meetingDetail_container .meeting_report .report_info .time{
  font-size: 12px;
  color: #888888;
}
.meetingDetail_container .meeting_agenda,
.meetingDetail_container .meeting_guide{
  padding: 32px 20px 10px;
}
.meetingDetail_container .meeting_guide{
  font-size: 16px;
}
.meetingDetail_container .meeting_guide img{
  width: 100%;
  display: block;
}
/*品观详情 会议流程 */

.meeting_agenda .meeting_des{
  overflow: hidden;
  margin-bottom: 50px;
}
.meeting_agenda .meeting_des>div{
  float: left;
}
.meeting_agenda .meeting_des .meeting_des_title{
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background: #E83529;
  color: #fff;
  margin-right: 32px;
}
.meeting_agenda .meeting_des .meeting_des_title p{
  font-family: PingFangSC-Medium,"microsoft yahei";
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;  
  text-align: center;
  letter-spacing: 1.86px;
}
.meeting_agenda .meeting_des .meeting_des_title p:first-child{
  margin-top: 7px;
}
.meeting_agenda .meeting_des .meeting_des_content{
  width: 630px;
  padding-left: 28px;
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  border-left: 1px dashed #979797;
  position: relative;
}
.meeting_agenda .meeting_des .meeting_des_content img{
  max-width: 100%;
}
.meeting_agenda .meeting_des .meeting_des_content:before{
  content: " ";
  position: absolute;
  width: 9px;
  height: 9px;
  background: #fff;
  border: 1px solid #FF3737;
  border-radius: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.meeting_agenda .meeting_agenda_box .meeting_agenda_list{
  margin-bottom: 50px;
}
.meeting_agenda .meeting_agenda_list h4{
  font-family: PingFangSC-Medium,"microsoft yahei";
  font-weight: 600;
  font-size: 18px;
  color: #E83529;
  line-height: 25px;
  margin-bottom: 32px;
}
.meeting_agenda .meeting_agenda_item{
  overflow: hidden;
}
.meeting_agenda .meeting_agenda_item>div{
  float: left;
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_item_l{
  width: 77px;
  min-height: 45px;
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_item_l img{
  display: block;
  width: 45px; 
  height: 45px; 
  border-radius: 100%;
  cursor: pointer;
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_item_r{
  width: 630px;
  padding-left: 28px;
  padding-bottom: 45px;
  border-left: 1px dashed #979797;
  position: relative;
}
.meeting_agenda .meeting_agenda_box .meeting_agenda_item:last-child .meeting_agenda_item_r{
  padding-bottom: 0;
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_item_r:before{
  content: " ";
  position: absolute;
  width: 9px;
  height: 9px;
  background: #fff;
  border: 1px solid #FF3737;
  border-radius: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_item_r>p{
  font-size: 16px;
  color: #333;
  line-height: 20px;
  margin-bottom: 6px;
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_item_r>div{
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 6px;
  overflow: hidden;
  color: #333;
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_item_r>div:last-child{
  margin-bottom: 0
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_title label,
.meeting_agenda .meeting_agenda_item .meeting_agenda_people label,
.meeting_agenda .meeting_agenda_item .meeting_agenda_des label{
  float: left;
  width: 82px;
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_title div,
.meeting_agenda .meeting_agenda_item .meeting_agenda_people div,
.meeting_agenda .meeting_agenda_item .meeting_agenda_des div{
  float: left;
  width: 548px;
  overflow: hidden;
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_title.meeting_agenda_talk label{
  width: 98px;
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_title.meeting_agenda_talk div{
  width:532px;
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_title div{
  color: #000;
  font-family: PingFangSC-Medium,"microsoft yahei";
  font-weight: 600;
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_des.meeting_agenda_des_talk>p{
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 6px;
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_des.meeting_agenda_des_talk .meeting_agenda_des_item{
  width: 100%;
  margin-bottom: 6px;
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_des.meeting_agenda_des_talk .meeting_agenda_des_item:last-child{
  margin-bottom: 0;
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_des .meeting_agenda_des_item label{
  color: #666
}
.meeting_agenda .meeting_agenda_item .meeting_agenda_des .meeting_agenda_des_item div{
  color: #666;
}

/*品观详情 参展品牌 */

.meetingDetail_container .meeting_brand{
  padding: 32px 20px 35px;
}
.meetingDetail_container .meeting_brand_list h4{
    font-family: PingFangSC-Medium;
    font-weight: 600;
    font-size: 18px;
    color: #999999;
    line-height: 25px;
    margin-bottom: 16px;
}
.meeting_brand_list{
  padding-bottom: 12px;
}
.meeting_brand_list .meeting_brand_item{
  width: 354px;
  margin-bottom: 21px;
  float: left;
}
.meeting_brand_list .meeting_brand_item:not(:nth-of-type(2n)){
  margin-right: 28px;
}
.meeting_brand_list .meeting_brand_item img{
    width: 354px;
    height: 188px;
}
.meeting_brand_list .meeting_brand_item p{
  font-weight: 600;
  font-family: PingFangSC-Medium;
  margin-top: 16px;
  margin-bottom: 8px;
  line-height: 22px;
  font-size: 16px;
  color: #000000;
}
.meeting_brand_list .meeting_brand_item .meeting_brand_txt{
  font-size: 16px;
  line-height: 22px;
  color: #666666;
}
/*品观详情 已经报名 */
.meetingDetail_container .meeting_sign{
  padding-top: 32px;
}
.meetingDetail_container .meeting_sign .list_all{
  width: 734px;
  margin: 0 auto;
}
.meetingDetail_container .meeting_sign .list{
  margin-bottom: 32px;
  text-align: center;
  width: 86px;
  height: 174px;
  float: left;
}
.meetingDetail_container .meeting_sign .list:not(:nth-of-type(5n)){
  margin-right: 76px;
}
.meetingDetail_container .meeting_sign .list img{
  width: 86px;
  height: 86px;
  border-radius: 50%;
}
.meetingDetail_container .meeting_sign .list .name{
  margin-top: 16px;
  margin-bottom: 8px;
  line-height: 22px;
  font-family: PingFangSC-Medium;
  font-weight: 600;
  font-size: 16px;
  color: #000000;
}
.meetingDetail_container .meeting_sign .list .company{
  font-size: 14px;
  line-height: 20px;
  width: 86px;
  color: #666666;
}
/* 会议详情右侧 */

.attendRight>div{
  background-color: #fff;
   border: 1px solid #f2f2f2;
    box-sizing: border-box;
}

.attendRight .history_meeting{
  margin-bottom: 16px;
}
.attendRight .history_meeting .history_h{
  border-top: 5px solid #000;
  padding: 0 9px;
}
.attendRight .history_meeting h2{
  box-sizing: border-box;
  line-height:56px;
  font-weight: normal;
  position: relative;
  padding-left:12px;
}
.attendRight .history_meeting h2 a{
  display: inline-block;
  float: right;
  font-size: 12px;
   padding-right: 13px;
 background: url(../images/meeting_arrow.png) right center no-repeat;
 background-size: 10px; 
  color: rgba(102,102,102,0.68);

}
.attendRight .history_meeting  a:hover{
  cursor: pointer;
  color: #666;
}
.attendRight .history_meeting .list_one{
  display: block;

}
.attendRight .history_meeting .list_one_b{
  position: relative;
  
}
.attendRight .history_meeting .list_one_b .right_sign,
.attendRight .history_meeting .list_one_b .right_sign_over{
  position: absolute;
  /* padding: 4px 5px; */
  height: 23px;
  line-height: 23px;
  text-align: center;
  width: 62px;
  color:#fff;
  font-size: 13px;
  background-color: #E83529;
  right: 0;
  bottom: 16px;

}
.attendRight .history_meeting .list_one_b .right_sign_over{
  background-color: #ccc;
}

.attendRight .history_meeting .list_one img{
  width: 266px;
  height: 151px;
  display: block;
}
.attendRight .history_meeting .list_one div{
  padding-left: 16px;
  padding-bottom: 11px;
}
.attendRight .history_meeting .list_one h3{
  margin-top: 14px;
  margin-bottom: 12px;
  font-weight: 600;
  font-family: PingFangSC-Medium;
  font-size: 16px;
 
}
.attendRight .history_meeting .list_one h3 a{
   color: #333333;
}
.attendRight .history_meeting .list_one h3 a:hover{
   color: #e15345;
}
.attendRight .history_meeting .list_one p{
  margin-bottom: 5px;
  padding-left: 16px;
  color:#666;
  background: url(../images/meeting_time.png) left center no-repeat;
  background-size: 10px 10px;
 } 
.attendRight .history_meeting .list_one .adress{
   background: url(../images/meeting_address.png) left center no-repeat;
   background-size: 10px 10px;
}

.attendRight .history_report{
  padding: 18px 14px;
}
.attendRight .history_report h2{
  line-height: 30px;
  font-weight: normal;
  font-size: 18px;
  color: #000000;
  position: relative;
  padding-left:12px;
  
}
.attendRight  h2:before{
  position: absolute;
  content: "";
  width: 4px;
  height: 20px;
  background-color: #E83529;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0 ,-50%);
     -moz-transform: translate(0 ,-50%);
      -ms-transform: translate(0 ,-50%);
       -o-transform: translate(0 ,-50%);
          transform: translate(0 ,-50%);

}
.attendRight .history_report .item{
  margin-top: 20px;
}
.attendRight .history_report .item>a{
  display: inline-block;
  width: 93px;
  height: 60px;
}
.attendRight .history_report .item img{
  width: 85px;
  height: 60px;
  margin-right: 8px;
  display: inline-block;
}
.attendRight .history_report .item div{
  float: right;
}
.attendRight .history_report .item p{
  width: 145px;
  font-family: PingFangSC-Light;
  font-size: 13px;
  color: #333333;
  line-height: 16px;
  margin-bottom: 13px;
}
.attendRight .history_report .item p:hover{
  color: #e15345;
}

.attendRight .history_report .item span{
  font-size: 12px;
  color: #999999;
}
/* 会议详情 查看大图 */
.popuperBox {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.20);
    z-index: 501
}
.popuperBox .popuperBox_container{
  width: 330px;
  height: 586px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: #000;
}
.popuperBox .popuperBox_container .popuperBox_close{
  position: absolute;
  right: -16px;
  top: -16px;
  width: 32px;
  height: 32px;
  background: #fff;
  background: url('../images/popuperBox_close.png') center no-repeat;
  background-size: 32px 32px;
  cursor: pointer;
}
.popuperBox .popuperBox_container{
  width: 330px;
  height: 586px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: #000;
}
.popuperBox .popuperBox_container .swiper-container{
  width: 330px;
  height: 586px;
  position: relative;
}
.popuperBox .popuperBox_container .swiper-slide{
  width: 330px;
  height: 586px;
  overflow: hidden;
  opacity: 0;
}
.popuperBox .popuperBox_container .popuperBox_ab{
  position: absolute;
  width: 298px;
  bottom: 0;
  background: rgba(0,0,0,0.68);
  padding: 16px 16px 25px;
}
.popuperBox .popuperBox_container .popuperBox_ab p{
  color: #fff;
}
.popuperBox .popuperBox_container .popuperBox_ab .popuperBox_name{
  font-family: PingFangSC-Medium,microsoft yahei;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 8px;
}
.popuperBox .popuperBox_container .popuperBox_ab .popuperBox_job{
  font-family: PingFangSC-Medium,microsoft yahei;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #fff;
}
.popuperBox .popuperBox_container .popuperBox_ab .popuperBox_des{
  padding-top: 10px;
  font-size: 12px;
  line-height: 18px;
}
.popuperBox .popuperBox_container img{
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: block;
}
.popuperBox .popuperBox_container .swiper-pagination{
  position: absolute;
  bottom: 8px;
  text-align: center;
  width: 100%;
}
.popuperBox .popuperBox_container .swiper-pagination a{
  display: inline-block;
  margin-left: 8px;
  font-size: 0;
  color: #fff;
  width: 4px;
  height: 4px;
  background-color: transparent;
  border-radius: 100%;
  border: 1px solid #fff;
}
.popuperBox .popuperBox_container .swiper-pagination a.active{
  background-color: #fff;
}
.popuperBox .popuperBox_container .swiper-button-prev,.popuperBox .popuperBox_container .swiper-button-next{
  position: absolute;
  top: 271px;
  width: 26px;
  height: 44px;
  cursor: pointer;
}
.popuperBox .popuperBox_container .swiper-button-prev{
  left: -34px;
  background: url('../images/popuperBox_left.png') center no-repeat;
}
.popuperBox .popuperBox_container .swiper-button-next{
  right: -34px;
  background: url('../images/popuperBox_right.png') center no-repeat;
}


/* 专题列表 */
.special_subject_one{
  width: 352px;
  height: 366px;
  border:1px solid #f2f2f2; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  background-color: #fff;
  margin-right: 32px;
  margin-bottom: 32px;
}
.special_subject_one:nth-of-type(3n){
  margin-right: 0;
}
.special_subject_one a,.special_subject_one img{
   display: block;
}
.special_subject_one .subject_img{
   width: 352px;
  height: 245px;
  overflow: hidden;
}
.special_subject_one img{
   width: 352px;
  height: 245px;
}
.special_subject_one .subject_bottom{
  padding:0 15px;
}
.special_subject_one .subject_title{
  margin-top: 13px;
  margin-bottom: 8px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  display: inline-block;
  line-height: 22px;
}
.special_subject_one .subject_title:hover{
  color: #e15345;
}
.special_subject_one .subject_des{
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #B8B8B8;
  line-height: 18px;
  
}
.special_subject_one .two_ellipsis{
  overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
/*  新增美容展页面右边广告  */
.right_ytmr_img img{
  width: 268px;
  height: 120px;
  margin-bottom: 16px;
}
/*  新增美容展详情页面  */
.ytmr_body .JuneImg,.ytmr_body .JuneImg img{
  width: 552px;
  height: 310px;
}
.ytmr_body .sign_up{
  padding-top: 30px;
  padding-left: 24px;
}
.ytmr_body .sign_up .title{
  font-family: PingFangSC-Medium;
  font-size: 24px;
  color: #000;
  font-weight: bold;
  line-height: 33px;
  margin-bottom: 14px;
}
.ytmr_body .sign_up .time{
  margin-bottom: 8px;
}
.ytmr_body .sign_up .time span{
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #666;
  margin-right: 28px;
}
.ytmr_body .sign_up .time span:nth-of-type(2n){
  margin-right: 0;
}
.ytmr_body .meeting_report_box.brand_img{
  padding-top: 20px;
  padding-left: 34px;
}
.ytmr_body .meeting_brand.brand_img2{
  padding-top: 30px;
  padding-left: 10px;
}