@charset "utf-8";
/* css 重置 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{ margin:0; padding:0; }
body { color: #000; text-align:left; background-color: #fff; font-family: "微软雅黑", arial; font-size: 14px; font-style: normal; line-height: 200%; font-weight: normal; font-variant: normal; }
body { -webkit-text-size-adjust: none; max-width:414px; margin:0 auto}
ul, li { list-style: none; }
img {border:none;}
header, nav, section, footer {  display: block; margin:0; padding:0; }
a {text-decoration:none; color:#000;}
a:hover { text-decoration:none; }
input,select{ font-size:12px; vertical-align:middle; }
.clear{ clear:both}
a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}
.tb{ text-align:center; height:50px; line-height:50px; position: fixed; background:#FFF; z-index:1111111; width:100%; max-width:414px; margin:0 auto}
.tb .cd{position: absolute;left:10px; top:5px;}
.tb .cd img{ width:20px; height:20px}
.tb .hy{position: absolute;right:10px; top:5px;}
.tb .logo{ width:90px; margin: auto; text-align:center; padding-top:8px;}
.tb .logo img{ width:90px;}
.tb .hy img{ width:20px; height:20px;    border-radius:20px;  }


.fl{ float: left}
.fr{ float:right}

.jhh{ height:50px;}
.sidebar {
    -webkit-transition: all .5s;
    transition: all .5s;
}


.menu {
    border: 0 solid transparent;
    background: #1b1c1d;
    box-shadow: none;  position: fixed;left:-180px;top:0px; width:180px; z-index:1111113; height:480px;transition: all .5s; overflow:auto
}
.menu-open .menu {left:0px; transform: translate3d(0,0,0);
}

.menu .item {
    display: block;
    height:59px;
	 line-height:59px;
    border-top: 0;
    border-left: 0 solid transparent;
    border-right: 0;
    color: rgba(255,255,255,.9)!important;
   position:relative; border-bottom: #444 1px solid; padding-left:15px;
}








.menu .item  .sylmx{ background:url(../images/ejxl.png) no-repeat left;background-size: 10px 16px; width:14px; height:18px; display:block; position:absolute; top:22px;right:10px}





.menu .item  .search{ background:url(../images/ss.png) no-repeat left; width:14px; height:13px; display:block; position:absolute; top:22px;right:10px}


.menu2 {
    background:url(../images/jjtt.png) no-repeat 96px 0px; padding-top:9px;
    box-shadow: none;  position: fixed;top:-260px; width:120px; z-index:1111113; height:250px;transition: all .5s; right:2px;overflow:auto;
  
  

}

.menu23 {
    border: 0 solid transparent;
    background: #fff; 
    box-shadow: none;
  
    border-radius: 2px 2px 2px 2px;

}
.menu-open1 .menu2 {top:50px; transform: translate3d(0,0,0);
}

.menu2 li{ padding-left:20px}
.menu2 li:hover { background:#EDF2F8}

.menu2 li a {
    display: block;
    height:40px!important; line-height:40px;
    border-top: 0;
    border-left: 0 solid transparent;
    border-right: 0;
    color:#333; position:relative;  
}


.menu2 li a i {
    margin-right: 0.5rem;
    color: #C9D6DE;
    top: 1px;
}
.tico1{ background:url(../images/tico1.png) no-repeat left ; background-size:16px 18px!important;padding-left:8px; padding-right:8px; }
a:hover .tico1{ background:url(../images/tico11.png) no-repeat left;background-size:16px 18px!important; padding-left:8px; padding-right:8px; }


.tico2{ background:url(../images/tico2.png) no-repeat left; background-size:16px 19px!important;padding-left:8px; padding-right:8px; }
a:hover .tico2{ background:url(../images/tico21.png) no-repeat left; padding-left:8px; padding-right:8px; }

.tioc3{ background:url(../images/tico3.png) no-repeat left;background-size:16px 19px!important; padding-left:8px; padding-right:8px; }
a:hover .tioc3{ background:url(../images/tico31.png) no-repeat left; padding-left:8px; padding-right:8px; }


.tioc4{ background:url(../images/tico4.png) no-repeat left; background-size:16px 19px!important;padding-left:8px; padding-right:8px; }
a:hover .tioc4{ background:url(../images/tico41.png) no-repeat left; padding-left:8px; padding-right:8px; }



.tioc5{ background:url(../images/tico5.png) no-repeat left; background-size:16px 19px!important;padding-left:8px; padding-right:8px; }
a:hover .tioc5{ background:url(../images/tico51.png) no-repeat left; padding-left:8px; padding-right:8px; }

.tioc6{ background:url(../images/tico6.png) no-repeat left;background-size:16px 19px!important; padding-left:8px; padding-right:8px; }
a:hover .tioc6{ background:url(../images/tico61.png) no-repeat left; padding-left:8px; padding-right:8px; }

.tioc7{ background:url(../images/tico7.png) no-repeat left; background-size:16px 17px!important;padding-left:8px; padding-right:8px; }
a:hover .tioc7{ background:url(../images/tico71.png) no-repeat left; padding-left:8px; padding-right:8px; }


.tioc8{ background:url(../images/tico8.png) no-repeat left; background-size:16px 19px!important;padding-left:8px; padding-right:8px; }
a:hover .tioc8{ background:url(../images/tico81.png) no-repeat left; padding-left:8px; padding-right:8px; }


.tioc9{ background:url(../images/tico9.png) no-repeat left; background-size:16px 19px!important;padding-left:8px; padding-right:8px; }
a:hover .tioc9{ background:url(../images/tico91.png) no-repeat left; padding-left:8px; padding-right:8px; }



.tioc10{ background:url(../images/tico10.png) no-repeat left;background-size:16px 19px!important; padding-left:8px; padding-right:8px; }
a:hover .tioc10{ background:url(../images/tico101.png) no-repeat left; padding-left:8px; padding-right:8px; }







.tiod1{ background:url(../images/ticd1.png) no-repeat left; background-size:16px 19px!important;padding-left:8px; padding-right:8px; }
a:hover .tiod1{ background:url(../images/ticd11.png) no-repeat left; padding-left:8px; padding-right:8px; }




.sylm2 {
    border: 0 solid transparent;
    background: #1b1c1d;
    box-shadow: none;  position: fixed;left:180px;top:182px; width:180px; z-index:1111113; display:none
}

.sylm2 a {
    display: block;
    height: auto!important;
    border-top: 0;
    border-left: 0 solid transparent;
    border-right: 0;
    color: rgba(255,255,255,.9)!important;    height:59px;
	 line-height:59px;
 padding-left:15px;
position:relative; border-bottom: #444 1px solid
  
  
}




.logout{ height:60px; line-height:60px;  text-align:center}
.logout a{ color:#FFF !important; padding-left:10px; padding-right:10px;}


#cover {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1111112;
    top: 0;
    opacity: .6;
    display: none;
    background: #000;
}

#cover2 {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1111112;
    top: 50px;
    opacity: .6;
    display: none;
    background: #000;
}



/* 焦点图 */
.slideBox { position:relative; overflow:hidden; width: 100%; max-width:100%; margin: 0px auto; padding-top:50px;}
.slideBox .hd { position:absolute; height:28px; line-height:28px; bottom:0; right:50%; z-index:1; width:136px; margin-right:-69px  }
.slideBox .hd li { display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px; }
.slideBox .hd li.on { background:#fff; }
.slideBox .bd { position:relative; z-index:0; }
.slideBox .bd li { position:relative; text-align:center; overflow:hidden }
.slideBox .bd li img { background:url(loading.gif) center center no-repeat;  vertical-align:top; width:100%; height:176px;}
.slideBox .bd li a { -webkit-tap-highlight-color:rgba(0,0,0,0); }
.slideBox .bd li .tit { display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusBg.png) repeat-x; color:#fff;  text-align:left; }

.clickMore {
  text-align: center; width:160px; display:block;
  margin:0 auto; margin-bottom:15px;
  color: #999;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}

.clickMore:focus {
  outline: none;
}

.clickMore[disabled], .clickMore[disabled] span {
  cursor: not-allowed;
}

.clickMore span {
  display: block;
  border-radius: 5rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  color: #999;    border: 1px solid #e5e5e5;    border-radius: 5rem;

}



.jingnews{ background-color:#fff;  overflow:hidden;padding-top:50px;}
.qdm{ margin-left:0px !important;}
.list-group {
    padding-bottom: 15px;
    background: transparent;
    margin-bottom: 0;
    background:#fff;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    position: relative;
    border-radius: 2px;
    overflow: visible; margin:0 auto; margin-bottom:15px;border-bottom:1px rgba(204,204,204,.8) solid
}


.img-box{ width:100%; height:200px; position:relative; overflow:hidden}
.img-box img{ width:100%;}
.forum_type{font-size: 12px;
    font-weight: normal;
    color: #fff;
    display: inline-block;
    width: auto;
    height: 24px;
    background: #065183;
    border-radius: 100px;
    text-align: center;
    line-height: 24px;
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 0px 8px 0px 9px;
}

.cards-content {
    margin-top: 15px; padding-left:10px; padding-right:10px;
}

.cards-content h3 {
    font-size: 18px;
    font-weight: bolder;
    color: #282B30;
    letter-spacing: 0;
    overflow: hidden;
    line-height: 25px;
    margin-bottom: 10px;

}
.cards-content h3  a{

    color: #282B30;


}
.cards-content p {    margin-bottom: 10px;
    font-size: 15px;
    color: #666;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

 line-height:20px;

}




.list-group .fbz{ overflow:hidden;margin-top:1px; float:left; padding-left:10px;}

.list-group .fbz .author_avator{ float:left; width:30px; height:30px; overflow:hidden}
.list-group .fbz .author_avator img{width:30px; height:30px;  border-radius: 30px;}
.list-group .fbz .m_body{ float:left; margin-left:10px; height:30px; line-height:30px;}

.list-group .fbz .m_body .author_name_box{ float:left;}
.list-group .fbz .m_body span{ display:block; margin-left:10px; float:left; color:#999}



.list-group .zan{ float:right; overflow:hidden; height:18px; line-height:18px; margin-top:5px;padding-right:10px;}
.list-group .zan .xh{ float:left; background:url(../images/xh.png) no-repeat left; color:#C9D6DE; display:block; padding-left:25px;height:18px; line-height:18px;background-size:20px 18px }
.list-group .zan .pl{ float:left; background:url(../images/zan.png) no-repeat left; color:#C9D6DE; padding-left:25px; margin-left:20px;height:18px; line-height:18px;background-size:20px 18px }




.footer {
    background: #282C31;
    padding: 1.675rem 0;
    text-align: center;
}
.footer h2 {
    font-size: 16px !important;
    color: #616870;
    letter-spacing: 0px;
    line-height: 0.8rem;
    text-align: center;
    width: 100%;
}
.footer .footerLink {
    text-align: center;
    width: 100%;
    margin-top: 0.6rem;
}
.footerLink span,.footerLink a {
    font-size: 14px !important;
    color: #616870;
    letter-spacing: 0px;
    line-height: 0.7rem;   
}
.footerLink span {
    margin: 0 -0.25rem;
}
.footer .footerInfo {
    text-align: center;
    font-size:12px !important;
    color: #616870;
    letter-spacing: 0px;
    line-height: 0.6rem;
    margin-top: 1.3rem;
}

.view_banner_box {
    position: relative;
       height: 100vh;
}

.view_banner_box .banner_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.view_banner_box h2.banner_title {
    font-size:20px;
    line-height:25px;
    margin: 0 auto;
    position: absolute;
    left: 5%; right: 5%;
    top: 45%; text-align:center
}


.view_banner_box h2.banner_title a {
    color: #fff;
   
}


.view_banner_box .banner_bottom {
    position: absolute;
    left:10px;
    bottom:10px;
  color:#FFF !important; border-top:#CCC 1px solid; padding-top:10px; width:100%
}




.banner_bottom .fbz{ overflow:hidden;margin-top:10px;}

.banner_bottom .fbz .author_avator{ float:left; width:40px;}
.banner_bottom .fbz .author_avator img{width:40px; height:40px;  border-radius: 40px;}
.banner_bottom .fbz .m_body{ float:left; margin-left:10px; height:40px; line-height:40px; }

.banner_bottom .fbz .m_body .author_name_box{ float:left; color:#FFF}
.banner_bottom .fbz .m_body span{ display:block; margin-left:10px; float:left; color:#FFF}



.banner_bottom .zan{ overflow:hidden; height:18px; line-height:18px; margin-top:10px;}
.banner_bottom .zan .xh{ float:left; background:url(../images/xh.png) no-repeat left; color:#C9D6DE; display:block; padding-left:25px; }
.banner_bottom .zan .pl{ float:left; background:url(../images/zan.png) no-repeat left; color:#C9D6DE; padding-left:25px; margin-left:20px;}


.view_banner_box .banner_bottom  a{ color:#FFF !important}


.view_nr{ background-color:#FFF; margin-bottom:10px;}

 .view_content {
    font-size: 16px;
    line-height: 25px;
    color: #333;
    letter-spacing: 0;
    padding:10px;word-break:break-all; 

}
 .view_content p {
    margin: 0 0 10px;word-break:break-all; 

}


 .view_content img { max-width:100% !important;
}



.view_contentz{ text-align:center; overflow:hidden; padding-bottom:10px;}

.view_contentz a{ display: inline-table; width:40px; height:40px; border-radius: 40px; border:#CCC 2px solid;}
.view_contentz a.xh{background: #FFF url(../images/wbxh.png) no-repeat center center}
.view_contentz a.zan{background: #FFF url(../images/wbzan.png) no-repeat center center; margin-left:10px;}



.like-num {
    font-size:14px;
    color: #666;
    text-align: left; padding-left:10px;
}


.like-people-box { overflow:hidden; padding-bottom:10px;padding-left:10px;

}




.like-people-box  a{ display:block; float:left; width:30px; height:30px; margin-left:2px; margin-right:2px;}
.like-people-box   a img{  width:30px; height:30px;border-radius:30px; }




.zzxx{ border-left:#469CE5 3px solid; background:#FFF; padding-left:10px; padding-right:10px; margin-bottom:10px;}
.zzxx .mc{ font-size:16px; height:30px; line-height:30px; font-weight:bold}
.zzxx .tt{ overflow:hidden}
.zzxx .tt .tx{ float:left; width:30px; height:30px; }
.zzxx .tt .tx img{ width:30px; height:30px;border-radius:30px;}
.zzxx .tt .hy{ height:30px; line-height:30px; float:left; margin-left:5px;}
.zzxx .tt .gz{float: right; background:#469CE5; height:30px; line-height:30px;border-radius:5px; width:80px; text-align:center}
.zzxx .tt .gz a{ display:block; color:#FFF}
.zzxx .jj{ color: #999}



.tjxx{ background:#FFF; padding:10px; margin-bottom:10px;}
.tjxx .mc{ background:url(../images/xt.png) repeat-x center center; height:40px; line-height:40px; font-size:16px}
.tjxx .mc span{ background:#FFF; width:100px; display:block; text-align:center; margin:0 auto;}
.tjxx ul{}
.tjxx ul li{ margin-bottom:10px;width:100%; height:200px; overflow:hidden; position:relative}
.tjxx ul li img{ width:100%; height:200px;}
.tjxx ul li span{ display:block;position: absolute;left:0px;bottom:0px; height:30px; line-height:30px; background:#333; color:#FFF; width:100%; text-align:center  }



.pllb{ background:#FFF; padding:10px;margin-bottom:10px;}
.pllb .mc{ background:url(../images/xt.png) repeat-x center center; height:40px; line-height:40px; font-size:16px}
.pllb .mc span{ background:#FFF; width:100px; display:block; text-align:center; margin:0 auto;}
.pllb ul{}
.pllb ul li{ border-bottom:#CCC 1px solid; padding-bottom:10px; margin-bottom:10px; overflow:hidden;  clear:both}
.pllb ul li .tx{ width:15%; float:left;}
.pllb ul li .tx img{ width:40px; height:40px;border-radius:40px;}
.pllb ul li .nr{ float:right; width:84%;}
.pllb ul li .nr .yhm{ font-size:16px}
.pllb ul li .nr .yhm span{ color:#999; margin-left:10px; font-size:14px}
.pllb ul li .nr .zw{ color:#999}
.pllb ul li .nr .hf{ text-align:right; color:#03F}
.pllb ul li .nr .hf a{color:#03F}



.clearfix {
    display: block; overflow:hidden
}


.y {
    float: right;
}



	



.list-footer {
	text-align: center;
	font-size: 14px;
	color: #999;
	margin-top: 40px
}








.page {clear:both;
	text-align:center; margin-top:10px; margin-bottom:10px;   
	
}
.pagebar .page {
	text-align:center;
}
.page a,.page span {
	display:inline-block;
	margin:5px 3px;
	
	border:1px solid #ddd; width:50px; height:40px; line-height:40px; text-align:center
	color:#111;
	border-radius:4px;
	color:#333;
	background-color:#fff;text-align:center;
}
.page a:visited,.page a:link {
	color:#333;
	background-color:#fff
}
.page span {
	color:#999
}
.page .current,.page .current:visited,.page .current:link {
	background-color:#045280;
	color:#fff
}
.page a:hover {
	background-color:#045280;
	color:#fff;
	border:1px solid #80A8DB;
	text-decoration:none;
}




.biaodan{ width:98%; margin:0 auto; background-color:#FFFFFF; border:#CCCCCC 1px solid;}
.biaodan .logo{ position:relative; text-align:center}
.biaodan .logo img{ max-width:100%}
.biaodan .logo .try-pop-close{ position: absolute;right:20px;top:20px; }

#weixin1_div{z-index: 9999;
    position: fixed;
    top:80px;
    left:1%;
    width:98%;
    height: 332px;
    box-shadow: 0 0 10px #ccc;
    border-radius: 8px;
    z-index: 9999;
    display: none;
 display: none;}

.try-company  ul li img{ width:90px; height:90px;   }



.biaodan  .c{ overflow:hidden; margin-left:15px; margin-right:15px; margin-bottom:10px;  }
.biaodan  .c .c1{ float:left; }
.biaodan  .c .c2{ float:left; margin-left:8px; margin-right:10px;}
.biaodan  .c .c3{ float: right}


.b1{ width: auto; border:#000000 1px solid; 
    border-radius:3px;  height:30px; line-height:30px;outline:none; width:190px;}
.b1:hover{border:#07426a 1px solid; outline:none;  }
.b2{ width:auto; border:#000000 1px solid; 
    border-radius:3px;  height:75px; line-height:30px;outline:none; width:190px;}
.b2:hover{border: #07426a 1px solid; outline:none; }
.biaodan .anniu2{ background:#07426a; margin-left:50px; width:190px; height:49px; border:#07426a 2px solid; border-radius: 3px; text-align:center; color:#FFF; font-size:18px;  cursor: pointer}
.biaodan .anniu2:hover{ background:#fff; color:#07426a}


@media screen and (max-width: 380px) {
.b1{ width:180px;}
.b2{  width:180px;}
.biaodan .anniu2{width:180px;}
}

@media screen and (max-width: 363px) {
.b1{ width:130px;}
.b2{  width:130px;}
.biaodan .anniu2{width:130px;}
}

.nry .tb{ background: none }


.sprite {
    background: url(../images/sprites.png) no-repeat;
    display: inline-block;
}

.wqsy{ font-size:16px; font-weight:bold; height:50px; line-height:50px; color:#000;  position:relative; background: #FFF; padding-left:10px;  margin-top:15px; border-bottom:none;border-bottom: 1px solid #e6e6e6; }
.wqsy a{ display:compact; position: absolute;right:10px;top:0px; font-size:12px;font-weight:normal; color:#666}
.wqsy a:hover {
	color:#07426a;
	text-decoration: none;
}



.zc-home-products {
  margin: 10px; 

}

.zc-home-products  .item {
  background: #fff;
  width: 100%%; margin-bottom:10px;
  border-bottom: 1px solid #e6e6e6; padding-bottom:10px;
}
.zc-home-products  .item .item-inner {
}




.zc-home-products  .item .item-inner .top {
  height: 269px;
  overflow: hidden;
  position: relative;
}




.zc-home-products  .item .item-inner .top  img { width:100%; height: auto
}





.zc-home-products  .item .flag {
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  color: #fff;
  padding: 2px 15px;

  border-radius: 3px;
  font-size: 14px;
}
.zc-home-products  .item.applyfor .flag {
  background: #07426a;
}
.zc-home-products  .item.soonafter .flag {
  background: #4db7e9;
}
.zc-home-products  .item.choose .flag {
    background: #474747;
}
.zc-home-products  .item.experience .flag {
  background: #e9884d;
}
.zc-home-products  .item.end .flag {
  background: #acacac;
}
.zc-home-products  .item:last-child .item-inner {
  border-right: 0px;
}
.zc-home-products  .item .countdown {
  height: 44px;
  line-height: 44px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 14px; 
}

.zc-home-products  .item:hover .countdown { display: block; 
}

.zc-home-products  .item .countdown i {
  font-size: 18px;
  font-style: normal;
}
.zc-home-products  .item .countdown span { 
}



.zc-home-products  .item .countdown .ico {
  background-position: -38px -50px;
  width: 15px;
  height: 15px;
/*  position: absolute;*/
  /*top: 15px;
  left: 35px;*/
  display: inline-block;
  vertical-align: -2px;
  margin-right: 3px;
}
.zc-home-products  .item .info {
  padding-top: 20px;
}
.zc-home-products  .item .info .title {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #333333;  
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
  padding: 0 10px;
  padding-bottom: 5px;
}




.zc-home-products  .item .info .title:hover {

  color: #07426a;

}



.zc-home-products  .item .info td {
  color: #888888;
  font-size: 14px;
  text-align: center;
}




.zc-home-report {
  margin: 10px;  overflow:hidden
}
.zc-home-report .body {

}
.zc-home-report .body li { margin-bottom:10px;
  position: relative;  border-bottom: 1px solid #e6e6e6; padding-bottom:10px;
}

.zc-home-report .body li .boutique{position: absolute;left:24px;top: 24px;}


.zc-home-report .body li .pic {
  display: block;
}
.zc-home-report .body li .pic img { width:100%; height: auto
}




.zc-home-report .body li .intro {
  text-align: center;
  padding: 12px 0 0 0;
}
.zc-home-report .body li .intro .title {
  font-size: 14px;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}





.zc-home-report .body li .intro .publish {
  color: #888888;
  font-size: 12px;
  padding: 10px 0; text-align:center
}
.zc-home-report .body li .intro .publish a {
  color: #5a8ece;
  padding-right: 4px;
}
.zc-home-report .body li table {
  width: 60%;
  margin: 0 auto;
  font-size: 12px;
}
.zc-home-report .body li table i {
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.zc-home-report .body li table a {
  color: #888888;
  transition: color 0s;
  display: inline-block;
}
.zc-home-report .body li table a:hover,.zc-home-report .body li table a.act{
  color: #07426a;
  cursor: pointer;
}
.zc-home-report .body li table a.act{cursor: default;}
.zc-home-report .body li table .item-01 i {
  background-position: 0 -66px;
}
.zc-home-report .body li table .item-01 a:hover i,.zc-home-report .body li table .item-01 a.act i {
  background-position: 0 -85px;
}
.zc-home-report .body li table .item-02 i {
  background-position: -20px -66px;
}
.zc-home-report .body li table .item-02 a:hover i,.zc-home-report .body li table .item-02 a.act i {
  background-position: -20px -85px;
}
.zc-home-report .body li table .item-03 i {
  background-position: -39px -66px;
  top: 3px;
}
.zc-home-report .body li table .item-03 a:hover i,.zc-home-report .body li table .item-03 a.act i {
  background-position: -39px -85px;
}















.sortRig{ margin-left:10px; margin-right:10px;}
.sortRig table{width:100%;}
.sortRig table td{border:1px solid #E0E0E0;width:20%;}
.sortRig table td a{display: inline-block;width:100%;height: 28px;text-align: center;line-height: 28px;color: #333;font-size: 14px;}
.sortRig table td a.active{background: #07426a;color: #fff;}




.zc-products-list .head3{ clear:both; overflow:hidden; }



.zc-products-list .menu3 a {
  font-size: 16px;
  color: #4e4e4e;
  margin-right:15px;
}
.zc-products-list .menu3{height:30px; line-height:30px; width:100%; white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;margin-bottom:10px;border-bottom: 1px solid #e6e6e6; padding-bottom:10px;}
.zc-products-list .menu3 .active {
  color: #07426a;
  font-weight: bold;
}



.zc-products-list{ background:#FFF; padding:10px; }


.zc-products-list .body3 {overflow:hidden 

}
.zc-products-list .body3 .item {
  background: #fff;
  width:100%; margin-bottom:10px; border-bottom: 1px solid #e6e6e6; padding-bottom:10px;
}
.zc-products-list .body3 .item .item-inner {
}






.zc-products-list .body3 .item .item-inner .top {
  height: 269px;
  overflow: hidden;
  position: relative;
}

.zc-products-list .body3 .item .item-inner .top  img{
  width:100%;
  height: auto;
}


.zc-products-list .body3 .item .flag {
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  color: #fff;
  padding: 2px 15px;
  border-radius: 3px;
  font-size: 14px;
}
.zc-products-list .body3 .item.applyfor .flag {
  background: #07426a;
}
.zc-products-list .body3 .item.soonafter .flag {
  background: #4db7e9;
}
.zc-products-list .body3 .item.experience .flag {
  background: #e9884d;
}
.zc-products-list .body3 .item.choose .flag {
    background: #474747;
}
.zc-products-list .body3 .item.end .flag {
  background: #acacac;
}
.zc-products-list .body3 .item:last-child .item-inner {
  border-right: 0px;
}
.zc-products-list .body3 .item .countdown {
  height: 44px;
  line-height: 44px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 14px; display:none
}

.zc-products-list .body3 .item:hover .countdown { display: block
}



.zc-products-list .body3 .item .countdown i {
  font-size: 18px;
  font-style: normal;
}
.zc-products-list .body3 .item .countdown .ico {
  background-position: -38px -50px;
  width: 15px;
  height: 15px;
 /* position: absolute;
  top: 15px;
  left: 35px;*/
  display: inline-block;
  vertical-align: -2px;
  margin-right: 3px;
}
.zc-products-list .body3 .item .info {
  padding-top: 20px;
}
.zc-products-list .body3 .item .info .title {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #333333;  
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
  padding: 0 10px;
  padding-bottom: 5px;
}





.zc-products-list .body3 .item .info .title:hover {

  color: #07426a;

}








.zc-products-list .body3 .item .info td {
  color: #888888;
  font-size: 12px;
  text-align: center;
}



.page {clear:both;
	text-align:center; margin-top:20px; 
	
}
.pagebar .page {
	text-align:center;
}
.page a,.page span {
	display:inline-block;
	margin:5px 3px;
	
	border:1px solid #ddd; width:50px; height:40px; line-height:40px; text-align:center
	color:#111;
	border-radius:4px;
	color:#333;
	background-color:#fff;text-align:center;
}
.page a:visited,.page a:link {
	color:#333;
	background-color:#fff
}
.page span {
	color:#999
}
.page .current,.page .current:visited,.page .current:link {
	background-color:#045280;
	color:#fff
}
.page a:hover {
	background-color:#045280;
	color:#fff;
	border:1px solid #80A8DB;
	text-decoration:none;
}






.lFloat {
    float: left;
}

.rFloat {
    float: right;
}






.banner_details .banner_info {
	position: static;
	margin: 10px;
	font-size: 12px;
	color: #999; margin-top:0px;
}



.banner_info .slider_title {
	margin-bottom:0px!important;
	max-height: 52px !important;
	line-height: 26px;
	padding-top: 13px !important;
	color: #333;
	height: auto;
	font-size: 16px !important;
	font-weight: normal;
	overflow: hidden; text-align:left !important
}


.banner_info .red2 {
	font-size: 14px;
	font-weight: bold;
	color: #07426a
}



.banner_info .test-tab {
	height: 48px;
	font-size: 0;
	line-height: 50px;
	margin-right: 20px;
	border-bottom: 1px solid #ebebeb
}

.banner_info .test-tab span {
	font-size: 16px;
	color: #666;
	display: inline-block;
	height: 47px
}

.banner_info .test-tab .normal-test.active,.banner_info .test-tab .special-test.active {
	border-bottom: 2px solid #07426a;
	color: #333
}

.banner_info .test-tab .divide {
	width: 1px;
	height: 16px;
	margin: 0 16px;
	background: #ebebeb;
	vertical-align: -2px
}

.banner_info .test-tab .special-ask {
	height: 47px;
	display: none;
	font-size: 12px;
	float: right;
	color: #666;
	text-decoration: none;
	cursor: pointer
}

.banner_info .test-tab .special-ask:hover {
	cursor: pointer
}

.banner_info .test-tab .special-ask:before {
	cursor: pointer;
	content: '?';
	width: 13px;
	height: 14px;
	border-radius: 50%;
	background: #ff4743;
	display: inline-block;
	text-align: center;
	line-height: 14px;
	color: white;
	margin-right: 5px;
	padding-right: 1px
}

.banner_info .test-detail {
	clear: both
}

.banner_info .test-detail .special-detail {
	display: none
}

.banner_info .start_time {
	font-size: 12px;
	color: #999;
	text-align: left
}

.banner_info .start_time  a{
	color: #999;
}


.banner_info .start_time span {
	font-size: 24px;
	color: #666;
	padding: 0 5px
}


.banner_btn{ padding-top:20px

}

.provider_box {
	overflow: hidden
}

.provider_box .lFloat {
	width: 169px;
}

.provider_box p {
	line-height: 20px; font-size:14px
}

.provider_box p a {
	width: 120px;
	height: 14px;
	line-height: 14px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
	white-space: nowrap
}

.provider_box .rFloat {
	width: 100px;
	padding-top: 0;
	border-left: 1px solid #ebebeb; text-align:center
}

.provider_box .rFloat .red2,.provider_box .rFloat .grey {
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 0
}




.banner_btn{ padding-top:20px

}









.banner_btn a {
	height: 40px;
	line-height: 40px;
	color: #fff !important;
	background-color: #f04848;
	text-align: center;
	border-radius: 3px;
	margin: 0 auto; width:100%; margin-bottom:10px; display:block
}




.banner_btn .button-green {
	background-color: #78c8ab;
	border-color: #78c8ab
}

.banner_btn .button-green:hover,.banner_btn .button-green:active {
	background-color: #86cdb4;
	border-color: #86cdb4
}

.banner_btn .button_grey {
	background-color: #ccc;
}
.banner_btn .button,form .button,.pop_btn_box .button,.pop_tip .pop_info .button {
	font-size: 14px;
	font-weight: bold;
	cursor: pointer
}


td .button {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	border: 1px solid #f04848;
	width: 120px;
	height: 38px;
	line-height: 38px;
	color: #fff;
	text-align: center;
	border-radius: 2px
}

td  .button:hover {
	text-decoration: none;
	box-shadow: inset 0 1px 3px rgba(255,255,255,0.3)
}

td  .button_red:hover,.button_red:active {
	background-color: #ff7474;
	border-color: #ff7474
}

td .button_red {
	background-color: #f04848
}

td .button_grey:hover,.button_grey:active {
	background-color: #ccc;
	border-color: #ccc
}

.button_grey {
	background-color: #ccc;
	border-color: #ccc
}

td .banner_btn .button,form .button,.pop_btn_box .button,.pop_tip .pop_info .button {
	font-size: 14px;
	font-weight: bold;
	cursor: pointer
}









.tab_content {
	height: 56px;
	line-height: 56px;
border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc; 
}

.tab_content a,#qn-left a {
	font-size: 16px;
	color: #666;
cursor:pointer; width:33.333333333333%; text-align:center; display:block; float:left
}

.tab_content a:hover,#qn-left a:hover {
	text-decoration: none;
	color: #333
}

.tab_content a.active {
	font-weight: bold;
	color: #333
}

.tab_content a span {
	font-size: 12px;
	font-weight: normal
}




.dtail_activity p {
	padding: 0 10px;
	line-height: 24px;
	color: #666
}

.dtail_activity p img {
	max-width: 100% !important; height:auto !important
	
}

.dtail_activity ul {
	padding-left: 20px
}

.dtail_activity ul li {
	line-height: 24px;
	color: #666;
	margin-bottom: 10px;
	list-style: inherit;
	list-style-position: inside
}

.dtail_activity ol li {
	list-style: decimal inside;
	padding-left: 20px
}

.dtail_activity ul li p,.dtail_activity ol li p {
	display: inline;
	padding-left: 0
}

.activity_tit {
	line-height: 36px;
	height: 36px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 40px
}

.activity_tit span {
	padding-left: 20px;
	border-left: 3px solid #07426a
}

.activity_tit em {
	font-size: 12px;
	color: #999
}


.dtail_application ul.user_items {
	overflow: hidden;
	padding: 0 10px
}

.dtail_application ul.user_items li {
	float: left;
	width: 33.333%;
	position: relative; text-align:center; margin-bottom:20px;
}

.dtail_application ul.user_items li div {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	background-color: #000;
	border-radius: 100%;
	opacity: .5;
	text-align: center
}

.dtail_application ul.user_items li a {
	display: block;
	border-radius: 100%
}

.dtail_application ul.user_items li img {
	width: 60px !important;border-radius: 60px ;
	height: 60px !important; margin:0 auto
}

.dtail_application ul.user_items li span {
	font-size: 12px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	display: block;
	line-height: 34px
}



.htlm{ border-bottom:#CCC 1px solid; overflow:hidden; margin-top:10px; margin-bottom:10px;}
.htlm ul{ }
.htlm ul li{ float:left; width:33%; height:40px; line-height:40px; text-align:center; font-size:16px}
.htlm ul a{ display:block}
.htlm ul a.active{ background:#065183;color:#FFF}

.fcpl{ margin-left:10px; margin-right:10px;}
.fcpl ul{}
.fcpl ul li{ overflow: hidden; border-bottom: #E9E9E9 1px solid; padding-bottom:10px; margin-bottom:10px;}
.fcpl ul li .tx{ float:left; width:50px;height:50px; }
.fcpl ul li .tx img{width:50px;height:50px;    -moz-border-radius: 50px;      /* Gecko browsers */
    -webkit-border-radius: 50px;   /* Webkit browsers */
    border-radius:50px;}
.fcpl ul li .wz{  margin-left:60px;}
.fcpl ul li .wz  .bt{color:#999999;}
.fcpl ul li .wz  .bt a{ color:#999999; padding-right:5px; padding-left:5px; }
.fcpl ul li .wz  .nr{}
.fcpl ul li .wz  .nr  .huiyf{ color:#666; display:none}


.to-comment {margin-left:10px; margin-right:10px;}
.to-comment ul{margin-left: 80px; border-left:1px solid #d6d6d6; padding:20px 0 20px 0px;}
.to-comment li{padding:20px 0 20px 15px; position: relative; font-size: 14px; }
.to-comment .dot{position: absolute; width:9px; height: 9px; background:#07426a; top:24px; left: -5px; border-radius: 50%;}
.to-comment .datee{position: absolute; left:-80px; color: #888; font-size: 12px; top:20px;}
.to-comment .title{font-size: 12px; color: #888;}
.to-comment p{padding:10px 0; line-height: 22px; }
.to-comment .src{font-size:12px;}
.to-comment .src a{color: #888;}



td .button{    background-color: transparent;
    box-shadow: 0 0 0 2px #07426a inset!important;
    color: #333333; border: none; width:120px; height:40px; line-height:40px; cursor:pointer; font-size:14px; font-weight:bold}
td .button:hover{ background:#07426a; color:#FFFFFF}

.jingnews .xtbg{ margin-left:10px; margin-right:10px}





.personal-head {
	width: 100%;
	height: 24rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}


.personal-head-bg {
	width: 100%;
	height: 24rem;
	background-image: linear-gradient(-180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.30) 98%);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}



.personal-head-box {
	position: relative;
	height: 24rem;
}


.user-info {
	position: absolute;

	left: 50%;
	bottom: 2rem;
	transform: translate(-50%,0);
}

.personal-avatar {
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	box-sizing: border-box;
	border: 4px solid #fff;
	margin: 0 auto 0.7rem;
	background-color: #4CA6E1;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.personal-avatar .user-photo img {
	width: 8rem;
	height: 8rem;
}


.personal-detail {overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}


.personal-detail a.personal-label span { display:block;
	padding: 3px 8px;
	background-image: linear-gradient(-180deg, #7CC3F6 1%, #61C1DA 98%);
	border-radius: 100px;
	font-size: 0.6rem;
	line-height: 0.6rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
  	 margin-top: 3px;
  	color: #fff;
}
.personal-detail a.personal-label {
	color: #fff;
    line-height: 1.7rem;
    display: inline-block;
    height: 1.7rem;
    margin-top: 6px;
    margin-left: 6px;
}
.header-btn-group {
  position: absolute;
  right: 5px;
  bottom: -0.9rem;
}



.header-btn-group  a.hygz{ background:#065183; display: block;
    border-radius: 10px;
    height:30px;
    line-height:30px;
    text-align: center;
    width:50px;
    color: #fff;
    font-size:15px; float:left; margin-right:10px}


.header-btn-group  a.hysx{ background:#5BDDC4; display: block;
    border-radius: 10px;
    height:30px;
    line-height: 30px;
    text-align: center;
    width:50px;
    color: #fff;
    font-size:15px; float:left}



.personal-content {
	padding-top: 1.5rem;
}


.panel-body{ width:90%; margin:0 auto; margin-top:15px; overflow:hidden; text-align:left}
.panel-body dl dd {
	color: #333;
	font-size: 0.7rem;
    line-height: 1.2rem;
    vertical-align: top;
    border-top: none;
	min-height: 1.2rem;
	margin-bottom: 0.5rem;
overflow:hidden
}
.panel-body dl dd strong {
	font-weight: bold;
}
.panel-body dl dd span {
	margin-left:20px;
	height: 1.2rem;
	min-height: 1.2rem;
	color: #666; overflow:hidden
}



.personal-info {
	text-align: center;
	position: relative;
}

.personal-info .edit-info {
	position: absolute;
	right: 0;
	top: 0; display:none
}


.personal-info .user-attention {
	text-align: center;
	display: inline-block;
}
.personal-info .user-attention li {
	display: inline-block;
	margin: 0 2rem;
}
.personal-info .user-attention li a,
.personal-info .user-attention li a span,
.personal-info .user-attention li a strong {
	display: block;
}
.personal-info .user-attention li a span {
	color: #666;
	font-size: 0.6rem;
	line-height: 0.7rem;
}
.personal-info .user-attention li a strong {
	color: #333;
	font-size: 1.2rem;
	line-height: 2.2rem;
	font-weight: 500;
}
.personal-info p {
	text-align: center;
    color: #999;
    font-size: 0.7rem;
    line-height: 1.2rem;
    max-width: 500px;
    overflow: hidden;
    margin: 0 auto;
    height: 1.2rem;
		text-overflow: -o-ellipsis-lastline;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 1;
	  -webkit-box-orient: vertical;
}
.personal-info p span,
.personal-info p i {
	margin: 0 0.5rem 0 0;
}
.personal-info p i {
	color: #C9D6DE;
}

.personal-data{ overflow:hidden}
.personal-data dl dd {
	color: #333;
	font-size: 0.7rem;
    line-height: 1.2rem;
    vertical-align: top;
    border-top: none;
	min-height: 1.2rem;
	margin-bottom: 0.5rem;
	display: inline-block;
}
.personal-data dl dd strong {
	font-weight: bold;
    padding-left: 12rem;
}
.personal-data dl dd span {
	margin-left: 3rem;
	min-height: 1.2rem;
	color: #666;
}
.personal-data{ overflow:hidden}
.personal-data dl dd {
	color: #333;
	font-size: 0.7rem;
    line-height: 1.2rem;
    vertical-align: top;
    border-top: none;
	min-height: 1.2rem;
	margin-bottom: 0.5rem;
	display: inline-block;
}
.personal-data dl dd strong {
	font-weight: bold;
    padding-left: 12rem;
}
.personal-data dl dd span {
	margin-left: 3rem;
	min-height: 1.2rem;
	color: #666;
}
.personal-nav{ padding-top:10px;}

.personal-navBar {width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
	text-align: center; background: #EFEFEF
}

.personal-navBar li {
	text-align: center;
	margin: 0 0.3rem;
	padding: 1rem 0.6rem;
	position: relative;
	cursor: pointer;
	display: inline-block;
}
.personal-navBar li a {
	font-size: 0.9rem;
	color: #999;
	letter-spacing: 0;
	line-height: 0.9rem;
	transition: all 0.3s ease 0s;
}
.personal-navBar li.active a,
.personal-navBar li:hover a {
	color: #333
}
.personal-navBar li i.border {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	height: 2px;
	width: 0;
	background: #333;
	transition: all 0.3s ease 0s;
}
.personal-navBar li.active i.border,
.personal-navBar li:hover i.border
 {
	width: 100%;
}




.comment-for li{ padding:15px 0; border-bottom: 1px dotted #cbcbcb; overflow: hidden; font-size: 14px; }
.comment-for li .face{width:60px; height: 60px; font-size: 0; float:left; margin-right: 20px;}
.comment-for li .face img{ width:60px; height: 60px; border-radius: 50%;}
.comment-for .info{ padding-left:70px;}
.comment-for .nickname{color: #db6d4c;}

.comment-for a:hover {
	color:#07426a ;
	text-decoration: none;}





.comment-for p{line-height: 18px; padding-top:10px;}







 .nickname a{color: #db6d4c;}










.tab-content { padding-top:20px


}
.tab-content ul li {
	background: transparent;
	position: relative;
	z-index: 1; overflow:hidden; margin-left:10px; margin-right:10px; margin-bottom:20px; border-bottom:1px #CCC solid; padding-bottom:20px;
}
.tab-content ul li:hover {
	background: #FFFFFF;
	border-radius: 2px;
	z-index: 2;
}



.tab-content ul li .img-link { display:block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50px;
	background: #ccc; float:left
}


.tab-content ul li .img-link  img{
	width: 50px;
	height: 50px;

}

.tab-content ul li .people-info {
	margin-left: 60px; margin-right:60px;
}
.people-info .people-name {
	font-size: 0.7rem;
	color: #54A9CD;
	letter-spacing: 0;
	line-height: 0.8rem;
}
.people-info .nameIcon {
	font-size: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    color: #F08C7B;
		display: none;
}
.people-info p {
	font-size: 0.6rem;
	color: #999;
	letter-spacing: 0;
	line-height: 1.6rem;
	margin: 0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.people-info .people-atten {
	font-size: 0.8rem;
	color: #666;
	letter-spacing: 0;
	line-height: 0.8rem;
}
.people-info .people-atten a {
	color: #666;
	margin-left: 1rem;
	margin-right: 4px;
}
.people-info .people-atten a:first-child {
	margin-left: 0
}
.people-info .people-atten span {
	font-size: 0.6rem;
	color: #999;
}


.atten-btn{position: absolute;right:0px; top:10px;background: #fff;}
.atten-btn .fsgz{
	background: #065183;
    display: block;
    border-radius: 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 60px;
    color: #fff !important;
    font-size: 15px; margin-left:10px;

}










.flow .experience i{
	width: 22px;
	height: 23px;
	background: url(../images/my.png) -4px -61px;
}
.experience.active i{
	background-position: -43px -61px;
}

.flow .sharee i{
	width: 21px;
	height: 21px;
	background: url(../images/my.png) -81px -98px;
}
.flow .sharee.active i{
	background-position: -120px -98px;
}


.flow .sharee .status{
	float: right;
	margin-right: 20px; 
}



.flow .have i{
	width: 22px;
	height: 22px;
	background: url(../images/my.png) -4px -29px;
}
.flow .have i{
	background-position: -43px -29px;
}

.flow .ico-love{
	background: url(../images/my.png) -14px -221px;
	width: 18px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}


.flow .ico-zan{
	background: url(../images/my.png) -9px -200px;
	width: 16px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}


.flow .ico-own{
	background: url(../images/my.png) -45px -221px no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	-o-transform: translateY(-1px);
	transform: translateY(-1px);
	margin-right: 7px;
}
.flow .ico-short{
	background: url(../images/my.png) -72px -221px no-repeat;
	width: 17px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}
.flow .ico-exper{
	background: url(../images/my.png) -100px -221px no-repeat;
	width: 14px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	-o-transform: translateY(-1px);
	transform: translateY(-1px);
	margin-right: 7px;
}
.flow .ico-star{
	background: url(../images/my.png) -36px -200px no-repeat;
	width: 17px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}

.flow .ico-recommend{
	background: url(../images/my.png) -9px -199px;
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}	


.flow .like i{
	width: 25px;
	height: 21px;
	background: url(../images/my.png) -4px -137px;
}
.flow .like.active i{
	background-position: -43px -137px;
}
 
.flow{
	padding-top:10px; overflow:hidden; 
}

.flow-col{
	width:96%; margin:0 auto;
	border: 1px solid #ebebeb;
	background: #f9f9f9 ;
	margin-bottom: 10px;
	padding-bottom: 5px;
	overflow: hidden;
}
 .flow .tit{
	background: #f9f9f9;
	font-size: 16px;
	line-height: 52px;
	border: none;
}
.flow .tit i{
	display: inline-block;
	vertical-align: middle;
	transform: translateY(-1px);
	margin-left: 15px;
	margin-right: 6px;
}
.flow .tit .datee{
	float:right;
	font-size: 14px;
	color: #888;
	margin-right: 13px; height: 52px;line-height: 52px;
}








.flow .tit .buy{
	display: block;
	width: 75px;
	height: 28px;
	line-height: 28px;
	float: right;
	margin-top: 13px;
	border: 1px solid #d8d8d8;
	border-top-left-radius: 28px;
	border-bottom-left-radius: 28px;
	font-size: 12px;
	color: #49d2d7;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
	transition: transform .5s;
}
.flow .tit .buy:hover{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.flow .tit .buy>i{
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 5px;
	background: url(../images/my.png) -37px -171px;
}
.flow .con{	
	padding-bottom: 17px;
}
.flow .con img{
	width:100%;
}
.flow .con p{
	background: #f9f9f9;
	padding-left: 12px;
	font-size: 12px;
	color: #888;
	line-height: 2;
}
.flow .con .name {
	font-size: 16px; height:30px; line-height:30px;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap; text-align:center
}
.flow .foot{
	border-top: 1px solid #efefef;
	height: 57px;
	line-height: 57px;
	font-size: 14px;
}
.flow .foot>a{
	width: 49%;
	float: left;
	text-align: center;
	color: #07426a;
}
.flow .foot>a:nth-child(1){
	color: #07426a;
}
.flow .foot>a:nth-child(2){
	border-left: 1px solid #efefef;
}









.flow p span:nth-child(2){
	float: right;
	padding-right: 10px;display:block; width:120px; 
}
.flow .comment img{
	float: left;
	margin:0 20px 0 15px;
	width: 118px;
	height: 77px;
}
.flow .comment .name{
	width: auto;
	padding-left: 0;
}

.flow .foot .mod{
	font-size: 14px;
	text-align: center;
	width: 100%;
}
.experience+.con>.name+p{
	line-height: 1.5;
	padding-top: 5px;
	padding-bottom: 5px;
}
.flow .praise i{
	background: url(../images/my.png) -9px -199px no-repeat;
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: 8px;
	transform: translateY(-2px);
}
.flow .foot .btn{
	width: 100%;
	text-align: center;
}
.flow .foot .act{
	color: #dd6e4c;
}
.remark{
	font-size: 14px;
	color: #888;
	padding: 20px 20px 0 20px;
}
.flow .foot .addRemark{
	color: #dd6e4c;
	text-align: center;
	width: 100%;
}















.yejie_body_bd{}
.fen_list{ position:relative;      border-bottom: 1px rgba(204,204,204,.8) solid; padding-bottom:15px; margin-bottom:15px;}
.fen_list_left{ padding-left:10px;padding-top:10px;padding-right:10px;}
.fen_list_right{ }
.fen_list_right a img{ width:100%; height: auto; display:block;}
.time_re{ position:relative; height:28px; line-height:28px; font-size:24px; color:#b7b7b7; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px}
.new_po{ position:absolute; left:128px; top:5px; width:36px; overflow:hidden;}
.new_po img{ display:block;}
.fen_list_left h1{}
.fen_list_left h1 a{ font-size: 18px;
    font-weight: bolder;
    color: #282B30;
    letter-spacing: 0;
    overflow: hidden;
    line-height: 25px;}
.fen_list_left h1 a:visited{color:#2b2b2b;}
.fen_list_left h1 a:hover{ color:#ba2636; text-decoration:none;}
.fen_list_left h2{ line-height:30px;}
.fen_list_left h2 a{ font-size:22px; color:#2b2b2b; font-family:Microsoft YaHei; font-weight:normal;}
.fen_list_left h2 a:visited{color:#2b2b2b;}
.fen_list_left h2 a:hover{ color:#ba2636; text-decoration:none;}
.fen_list_left p{ height:20px; line-height:20px; padding-top:40px}
.fen_list_left p span{ font-size:12px; color:#9a9a9a; padding-right:14px;}