@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #900b09;
}
img {
	max-width: 100%;
	vertical-align: middle;
	border: none;
}
.clear {
	clear: both;
}
ul,li {
	list-style-type: none;
}
body {
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	background-color: #FFF;
}
.bg {
    background-color: #FFF;
}
.text-more {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.column-box {
	border: 1px solid #E6E6E6;
	background-color: #FFF;
	overflow: hidden;
}
.center {
	text-align: center;
}
/* header */
#header {
	width: 100%;
	height: 50px;
}
#new-header {
	width: 100%;
	height: 70px;
}
.fixed-header {
    position: fixed;
    height: 50px;
    top: 0px;
    width: 100%;
    z-index: 1000;
    background-color: #FFF;
    border-bottom: 1px solid #DDD;
}
.home-h {
    background-color: #FFF;
    border-bottom: 1px solid #EDEDED;
    opacity: 0.97;
}
#new-header .fixed-header {
	height: 70px;
	background-color: #FFF;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.header-wrap {
	min-width: 1140px;
    margin: 0px auto;
    height: 50px;
    position: relative;
    padding: 0 20px;
}
#new-header .header-wrap {
	width: 1140px;
    padding: 0px;
    height: 70px;
}
.home-w {
    width: 1140px;
    min-width: 1140px;
    padding: 0px;
}
.header-logo {
	float: left;
	margin: 10px 0;
	width: 133px;
	height: 30px;
}
#new-header .header-logo {
	margin: 20px 0;
	width: auto;
	font-size: 16px;
    color: #333;
}
.header-logo img {
    width: 133px;
	height: 30px;
}
#new-header .header-logo img {
	width: 245px;
}
.header-center {
	float: left;
	line-height: 49px;
	margin-left: 25px;
}
.home-c {
	margin-left: 30px;
}
.header-center li {
	float: left;
}
.header-center li a {
	display: block;
	font-size: 15px;
	color: #333;
	padding: 0 15px;
}
.home-c li a {
	font-size: 15px;
	color: #333;
}
.header-center li a.active {
	color: #1CB177;
	border-bottom: 2px solid #1CB177;
}
.header-center li a:hover {
	color: #1CB177;
}
.home-c li a.active,.home-c li a:hover {
	background-color: #FFF;
	border-bottom: 2px solid #1CB177;
	color: #1CB177;
}
#header-btm {
	height: 1px;
	background-color: #000;
	opacity: 0.12;
	z-index: 990;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8);
}
.search {
	float: left;
	position: relative;
	margin: 10px 25px 0;
	width: 282px;
	height: 30px;
	border: 1px solid #DDD;
	border-radius: 2px;
	box-sizing: content-box;
}
#new-header .search {
	margin: 17px 25px 0;
	width: 367px;
	height: 35px;
	border: 1px solid #DDD;
	border-radius: 0;
}
.search input {
	width: 245px;
	border: 0px none;
	height: 30px;
	line-height: 30px;
	padding-left: 6px;
	font-size: 12px;
	color: #333;
	border-right: 1px solid #DDD;
	box-sizing: content-box;
}
#new-header .search input {
	width: 325px;
	height: 35px;
	line-height: 35px;
	background-color: #FFF;
}
.search button {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	border: none;
	background: #F5F5F5 url("../yimages/icons.png") no-repeat scroll 0px 0px;
	text-indent: -9999px;
	cursor: pointer;
}
#new-header .search button {
	width: 35px;
	height: 35px;
	background-position: 3px 2px;
}
.login-group {
    float: right;
    height: 100%;
    line-height: 47px;
    text-align: center;
}
#new-header .login-group {
	line-height: 67px;
}
.login-box-show a {
	display: inline-block;
	min-width: 40px;
	line-height: 30px;
	padding: 0 15px;
	font-size: 14px;
	background-color: #FFF;
	border: 1px solid #C2C2C2;
	color: #333;
	border-radius: 2px;
	margin-left: 10px;
	box-sizing: content-box;
}
.login-box-show a.login-bg,.login-box-show a:hover {
	background-color: #1CB177;
	border: 1px solid #1CB177;
	color: #FFF;
}
.down-icon1 {
	display: inline-block;
    width: 10px;
    height: 10px;
}
#index-content .angle-down-icon {
    background: url("../yimages/icon-angle-down1.png") no-repeat scroll 0% 0%;
}
.angle-down-icon {
    background: url("../yimages/icon-angle-down1.png") no-repeat scroll 0% 0%;
}
.sns-icon {
	display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-repeat: no-repeat; 
    vertical-align: -2px; 
}
.icon-user1 {
	background-image: url("../yimages/icon-user1.png");
}
.home-icon {
	background-image: url("../yimages/icon-home1.png");
}
.cog-icon {
	background-image: url("../yimages/icon-cog1.png");
}
.key-icon {
	background-image: url("../yimages/icon-key1.png");
}
.mycv-icon {
    background-image: url("../yimages/icon-mycv1.png");
}
.signout-icon {
    background-image: url("../yimages/icon-signout1.png");
}
.dropdown-menu a:hover .icon-user1 {
	background-image: url("../yimages/icon-user2.png");
}
.dropdown-menu a:hover .home-icon {
	background-image: url("../yimages/icon-home2.png");
}
.dropdown-menu a:hover .cog-icon {
	background-image: url("../yimages/icon-cog2.png");
}
.dropdown-menu a:hover .key-icon {
	background-image: url("../yimages/icon-key2.png");
}
.dropdown-menu a:hover .mycv-icon {
    background-image: url("../yimages/icon-mycv2.png");
}
.dropdown-menu a:hover .signout-icon {
    background-image: url("../yimages/icon-signout2.png");
}
.dropdown-menu::after{
/*	border-bottom: 6px solid #c0c2c3;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;*/
    content: "";
    display: inline-block !important;
    position: absolute;
    left: 10px;
    top: -6px;
}
/* 注册/登录 */
.page-login {
	width: 850px;
	margin: 50px auto 30px;
}
.form-wrapper {
	padding: 30px 50px;
	background-color: #FFF;
	border: 1px solid #E6E6E6;
	border-radius: 4px;
}
.from-title {
	display: inline-block;
	line-height: 32px;
	font-weight: normal;
	font-size: 26px;
	color: #333;
}
.sig-up {
	width: 100%;
	padding-bottom: 12px;
    border-bottom: 1px solid #E2E2E2;
}
.sig-up a {
	line-height: 38px;
	color: #1CB177;
}
.form .item1 {
	padding: 20px 0 10px;
}
.label-con {
	display: block;
	text-align: right;
	float: left;
	width: 130px;
	font-size: 14px;
	color: #333;
	line-height: 40px;
}
.form .required {
    color: #1CB177;
    font-weight: 700;
    padding: 0px 5px;
    font-size: 18px;
}
.form-horizontal .controls {
	margin-left: 140px;
}
.form-horizontal .controls a {
	color: #900b09;
}
.from-con {
	display: inline-block;
	border: 1px solid #CCC;
	padding: 9px;
	border-radius: 3px;
	font-size: 14px;
	line-height: 18px;
	color: #666;
	vertical-align: middle;
	width: 228px;
}
.input-tip {
    display: inline-block;
    padding: 0px 10px;
    line-height: 32px;
    margin: 0px 8px;
    color: #178FE6;
}
.from-con:focus {
	border-color: #7bd089;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c6ebcc;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c6ebcc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c6ebcc;
}
.input-code {
	width: 118px;
}
.code_box {
    padding-left: 10px;
    height: 37px;
    width: 94px;
}
.re-checkbox {
	padding-top: 30px;
}
.gray {
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	/*background: #1CB177;*/
	background: #AE4141;
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #FFF;
}
.gray:hover {
	background-color: #008E59;
}
.btn-session {
	display: inline-block;
	padding: 10px 20px;
	width: 160px;
	cursor: pointer;
	border: 0px none;
	font-size: 16px;
}
.reg-header {
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	background-color: #FFF;
}
/* footer */
.footer {
	width: 100%;
    min-width: 1140px;
	background-color: #353644;
	border-top: 1px solid #D8D9DA;
}
.footer-center {
	width: 1140px;
	margin: 20px auto 0;
	overflow: hidden;
}
.footer-span {
	float: left;
	width: 159px;
	margin-left: 95px;
}
.footer-span-title {
	font-size: 16px;
	color: #FFF;
	margin-bottom: 5px;
	line-height: 36px;
}
.footer-span-items a {
	float: left;
	width: 159px;
	line-height: 30px;
	font-size: 13px;
	color: #999;
}
.footer-span-items a:hover {
    color: #FFF;
}
.tcode {
	width: 98px;
	height: 98px;
	margin: 10px auto;
}
.footer-span p {
	font-size: 13px;
	color: #999;
	line-height: 30px;
	text-align: center;
}
.footer-bottom {
	margin: 0px auto;
	width: 1140px;
	padding: 20px 0px;
	text-align: center;
    line-height: 30px;
}
.footer-bottom span {
	display: inline-block;
	font-size: 13px;
	color: #999;
}
.mfooter {
    background-color: #353644;
    border-top: 1px solid #D8D9DA;
    font-size: 14px;
    color: #FFF;
}
.footer-body {
    width: auto;
	max-width: 1140px;
    margin: 0px auto;;
    overflow: hidden;
    padding: 20px 0px;
}
.follow-l {
    float: left;
    padding-left: 40px;
}
.follow-link {
    padding: 5px 0;
    overflow: hidden;
}
.follow-link li {
    float: left;
    margin-right: 30px;
    text-align: center;
}
.follow-link li a {
    color: #FFF;
}
.follow-l p {
    line-height: 30px;
    color: #888;
}
.follow-r {
    float: right;
    margin-right: 35px;
    padding-left: 30px;
}
.fcode {
    width: 48px;
    height: 48px;
    margin: 0px auto;
    padding-bottom: 8px;
}
#pro-footer {
	float: left;
	width: auto;
	/*background-color: #F5F5F5;
	position: absolute;*/
	right: 0;
	left: 0;
}
#pro-footer .footer-body {
    font-size: 14px;
    color: #666;
    max-width: 1024px;
}
#pro-footer .follow-link li a {
	color: #666;
}
.s-footer {
    position: relative;
    width: 100%;
    min-width: 1140px;
}
.s-footer-bottom {
    margin: 0px auto;
    width: 1140px;
    text-align: center;
    line-height: 35px;
    font-size: 13px;
    color: #666;
}
/* index */
.main-body {
	width: 1140px;
	max-width: 1140px;
	min-height: 600px;
	margin: 40px auto;
	overflow: hidden;
}
.column {
	margin-bottom: 40px;
	background-color: #FFF;
    border: 1px solid #DDD;
    overflow: hidden;
}
.column2 {
    margin-bottom: 40px;
    overflow: hidden;
}
.column-head {
    padding: 0px 15px;
}
.column-head2 {
    height: 40px;
    line-height: 40px;
    background-color: #F9F9F9;
}
.col-border {
	height: 42px;
    line-height: 42px;
	border-bottom: 2px solid #F2F2F2;
}
.column-title {
	float: left;
    font-size: 16px;
    color: #333;
    border-bottom: 2px solid #1CB177;
}
.column-title2 {
	float: left;
    margin: 10px 35px 0px 15px;
    padding-left: 10px;
    border-left: 6px solid #1CB177;
    font-size: 16px;
    line-height: 18px;
    color: #333;
}
.title-sort {
	float: left;
    line-height: 42px;
    height: 42px;
}
.title-sort a:hover {
	color: #1CB177;
}
.sort-current {
	color: #1CB177;
	padding-right: 20px;
	font-weight: 700;
}
.more-btn {
	float: right;
	margin-right: 20px;
    color: #999;
}
.more-btn2 {
	float: right;
	margin-right: 35px;
    color: #888;
}
.more-btn:hover,.more-btn2:hover {
	color: #1CB177;
}
/* banner */
.main-banner {
	width: 100%;
    min-width: 1024px;
	height: auto;
	background-color: #f4f6f8;
}
.banner-content {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}
.site-disc {
	float: left;
    width: 477px;
    height: 358px;
    position: relative;
    left: -5px;
}
.site-disc img {
    width: 477px;
    height: 358px;
    border-radius: 4px;
}
.site-disc p {
    position: relative;
    left: 1px;
    top: -2px;
}
.sign-box {
    width: 300px;
    height: 348px;
    float: right;
    position: absolute;
    background-color: #FFF;
    padding: 20px 25px;
	top: 70px;
	z-index: 890;
	right:0%;
}
.sign-box .title {
	height: 30px;
	line-height: 30px;
    border-bottom: 2px solid #EEE;
    margin-bottom: 20px;
}
.sign-box .title a {
	float: left;
	width: 150px;
	text-align: center;
	font-size: 16px;
	color: #333;
}
.sign-box .title a.active {
	color: #1CB177;
	border-bottom: 2px solid #1CB177;
}
.sign-box .title img {
    float: right;
	width: 18px;
	height: 18px;
	padding-left: 3px;
	vertical-align: -4px;
}
.pass-label {
    display: block;
    position: absolute;
    left: 32px;
    width: 0px;
    height: 30px;
    overflow: hidden;
    z-index: 20;
    padding: 0px 0px 0px 32px;
    background-image: url("../yimages/pass.png");
    background-repeat: no-repeat;    
}
.pass-user {
    background-position: 0px 5px;
}
.pass-mm {
    background-position: 0px -26px;
}
.input-wrap .email,.input-wrap .pwd {
	padding: 10px 0px 10px 55px;
    width: 240px;
}
.input-wrap {
    margin-bottom: 15px;
}
.form-input {
	padding: 10px 0px 10px 10px;
    width: 170px;
    line-height: 18px;
    border: 1px solid #DDD;
    border-radius: 4px;
    vertical-align: middle;
}
.input-wrap a {
	padding-left: 10px;
	color: #1CB177;
}
.input-wrap a:hover {
	color: #36ab60;
}
.form-input:focus {
    border-color: #7bd089;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c6ebcc;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c6ebcc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c6ebcc;
}
.input-img {
    padding-left: 10px;
    width: 94px;
    height: 37px;
}
.btn-box {
    padding: 8px 0;
}
.form-button {
	width: 100%;
    height: 40px;
    line-height: 38px;
    display: inline-block;
    text-align: center;
    border: 0px none;        
    cursor: pointer;
    font-size: 16px;
    color: #FFF;
    border-radius: 4px;
    background-color: #1CB177;
    box-shadow: 1px 0px 1px #DCDCDC;
}
.provision {
	font-size: 13px;
    color: #888;
    text-align: center;
}
.provision a {
	color: #555;
}
.sign-box .remember {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    position: relative;
}
.find-password {
    float: right;
    font-size: 13px;
}
.land:hover,.find-password:hover {
	color: #1CB177;
}
.form-checkbox {
    display: inline-block;
    padding-left: 5px;
    font-size: 13px;
    color: #666;
}
.check-text {
	padding-left: 2px;
    vertical-align: 1px;
}
.other-login {
    margin-top: 20px;
    height: 30px;
    line-height: 30px;
}
.other-login-box {
    float: left;
    display: inline-block;
    color: #333;
    padding-left: 5px;
}
.pop-login-sns {
    float: right;
}
.pop-sns {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
	content:none !important;
}
.pop-sns::after{
	content:none !important;
}
.icons-qq {
    background: url("../yimages/qq.png") no-repeat scroll 0% 0%;
}
.icons-weixin {
    background: url("../yimages/weixin.png") no-repeat scroll 0% 0%;
}
.icons-weibo {
    background: url("../yimages/weibo.png") no-repeat scroll 0% 0%;
}
.icons-share-more {
    background: url("../yimages/share-more.png") no-repeat scroll 0% 0%;
}
/* 求职路线 */
.jobs-box {
	float: left;
	display: inline;
	width: 227px;
	padding: 10px 0;
}
.jobs-box .jobs-box-title {
	width: 170px;
	text-align: center;
	margin-top: 5px;
	padding: 0px 26px;
}
.jobs-box .jobs-box-title span {
	padding-right: 10px;
}
.jobs-box .jobs-box-title span img {
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.jobs-box .jobs-box-title a {
	line-height: 30px;
	vertical-align: middle;
	font-size: 16px;
	color: #1CB177;
}
.jobs-box .jobs-box-img {
    padding: 12px 26px 0;
    width: 170px;
    height: 135px;
}
.jobs-box .jobs-list {
	padding: 10px 0 10px 20px;
	overflow: hidden;
}
.jobs-box .jobs-list a {
	display: inline-block;
	float: left;
	height: 25px;
	line-height: 25px;
	width: 90px;
	margin: 10px 0 0 0;
	overflow: hidden;
	text-align: center;
	color: #333;
}
.jobs-box .jobs-list a:hover {
	color: #1CB177;
}
/* 知识手册 */
.handbook-empty-info{
	text-align: center;
	margin-top: 50px;
}
.handbook-content {
    padding: 25px 10px 5px;
    overflow: hidden;
}
.handbook-box {
	position: relative;
    float: left;
    width: 160px;
    margin: 0 14px 20px;
    background-color: #FFF;
    border: 1px solid #DDD;
}
.handbook-box:hover {
    box-shadow: 3px 3px 7px 0px #CCC;
}
.hb-img {
    position: relative;
}
.hb-img img {
    display: block;
    width: 160px;
    height: 160px;
}
.hb-img-txt {
	position: absolute;
	bottom: 0;
    height: 26px;
    line-height: 26px;
    color: #FFF;
}
.hb-img-txt span {
	float: left;
    width: 170px;
    height: 26px;
    background-color: #000;
    opacity: 0.6;             /* Firefox、Chrome */     
    filter:alpha(opacity=60); /* IE8 */
    text-align: center;
    overflow: hidden;
}
.hb-img-txt a {
    color: #fff;
}
.hb-intro {
    width: 170px;
    height: 75px;
}
.hb-title {
    display: block;
    color: #333;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 700;
}
.hb-desc {
	padding: 5px 10px 0;
    height: 60px;
    font-size: 12px;
    color: #555;
}
.hb-desc p {
    line-height: 20px;
    text-indent: 20px;
}
.hb-bottom-a {
	height: 1px;
	width: 156px;
	margin: 0px auto;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
}
.hb-bottom-b {
	height: 1px;
	width: 152px;
	margin: 0px auto;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
}
/* 知识达人、明星用户 */
.user-item {
	float: left;
    width: 500px;
    height: auto;
	min-height: 305px;
	border: 1px solid #E6E6E6;
    background-color: #FFF;
}
.mr {
	margin-right: 20px;
}
.user-list {
	display: block;
	padding: 10px;
	overflow: hidden;
}
.user-list li {
    height: 80px;
	text-align: center;
	float: left;
	padding: 12px 11px;
}
.user-name {
	margin-top: 10px;
	font-size: 14px;
}
.user-name a {
	display: block;
	width: 64px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	color: #333;
}
.user-name a:hover {
	text-decoration: none;
	color: #900b09;
}
.user-name-more {
	line-height: 80px;
}
.avatar-img {
	width: 45px;
    height: 45px;
    border: 4px solid #FFF;
    box-shadow: 0px 3px 3px rgba(193, 191, 192, 0.5);
    overflow: hidden;
    border-radius: 50%;
}
.index-user-avatar-img{
	display: block;
	width: 90px;
    height: 90px;
    border: 4px solid #FFF;
    box-shadow: 0px 3px 3px rgba(193, 191, 192, 0.5);
    overflow: hidden;
    border-radius: 50%;
    margin: 0px auto;
}
.input-img-box{
	text-align: center;
	margin-top:45px; 
}
.input-uname-box{
	text-align: center;
	margin: 30px auto;
}
.input-uname-box span{
	font-size:20px;
	font-weight:normal;
}
.avatar-img:hover {
    width: 53px;
    height: 53px;
    border: none;
}
.toplist-menu {
	float: left;
	width: 256px;
	border: 1px solid #EDEDED;
	background-color: #FFF;
	border-radius: 3px;
}
.toplist-menu-head {
    padding: 15px 15px 0px;
}
.toplist-menu-head h2 {
    font-size: 16px;
    font-weight: 600;
    border-left: 6px solid #1CB177;
    line-height: 18px;
    padding-left: 10px;
}
.toplist-menu-body {
	padding: 20px;
}
.toplist-menu-body li {
	border-bottom: 1px solid #DDD;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}
.toplist-menu li a.active {
	color: #1CB177;
}
.tmenu-pic {
	display: inline-block;
	float: left;
	width: 30px;
	height: 30px;
	padding-left: 15px;
}
.talent-icon {
    background: url("../yimages/talent-icon.png") no-repeat scroll 0% 0%;
}
.star-icon {
    background: url("../yimages/star-icon.png") no-repeat scroll 0% 0%;
}
.toplist-menu a {
	display: inline-block;
	font-size: 15px;
	color: #333;
	line-height: 30px;
	margin-left: 10px;
}
.user-toplist {
	float: left;
	width: 860px;
	border: 1px solid #EDEDED;
	background-color: #FFF;
	margin-left: 20px;
	border-radius: 3px;
}
.user-toplist-head {
	padding: 15px 15px 0px;
}
.user-toplist-head h2 {
	border-bottom: 2px solid #1CB177;
	font-weight: normal;
}
.user-toplist-head h2 span {
	display: inline-block;
	background-color: #1CB177;
	color: #FFF;
	font-size: 15px;
	padding: 0 10px;
	height: 40px;
    line-height: 40px;
}
.user-toplist .userinfo-item {
	position: relative;
    padding: 20px 0;
    overflow: hidden;
}
.user-toplist .userinfo-item + .userinfo-item {
	border-top: 1px solid #EEE;
}
.chart-num {
	float: left;
    font-size: 18px;
    line-height: 64px;
    width: 50px;
    color: #333;
    text-align: center;
}
.fans-ava {
	float: left;
    width: 64px;
    height: 64px;
    border: 4px solid #FFF;
    box-shadow: 0px 3px 3px rgba(193, 191, 192, 0.5);
    border-radius: 50%;
    overflow: hidden;
}
.fans-ava img {
    width: 64px;
    height: 64px;
}
.fans-info {
	float: left;
	width: 600px;
    padding: 0 20px;
}
.fans-name {
	height: 26px;
	line-height: 26px;
    overflow: hidden;
}
.fans-name a {
    font-size: 16px;
    color: #333;
    font-weight: 600;
}
.fans-meta {
	margin: 10px 0;
	color: #666;
}
.fans-meta span {
    font-size: 14px;
    color: #333;
    margin-right:10px;
}
.fans-label span {
	color: #333;
}
.fans-label a {
	display: inline-block;
	color: #017E66;
    background-color: #E7F2ED;
	text-align: center;
	padding: 4px 8px;
	font-size: 12px;
	border-radius: 4px;
	margin: 0px 8px 5px 2px;
}

/* 反馈建议 */
.user-toplist-head .feedback-title {
	font-weight: 600;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
}
.toplist-menu-body p {
	margin-bottom: 10px;
}
/* 入驻企业 */
.company-content {
	margin: 25px 0;
	padding: 0 10px;
	overflow: hidden;
}
.company-box {
	position: relative;
	float: left;
	width: 139px;
	height: 139px;
	margin: 0 13px;
	border: 1px solid #DDD;
	border-radius: 2px;
}
.com-logo {
	display: block;
	text-align: center;
	line-height: 139px;
}
.company-box:hover {
    background-color: #F9F9F9;
}
/* user-center */
.user-aside {
	float: left; 
	width: 20%;
	padding: 20px 30px 20px 10px;
	border-right: 1px solid #DDD;
	min-height: 600px;
	margin-bottom: -9999px;
    padding-bottom: 9999px;
}
.user-aside a:hover {
	color: #333;
}
.user-info-box {
	padding-bottom: 20px;
	text-align: center;
}
.basic-info .user-avatar {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 auto 10px;
}
.basic-info .user-avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.basic-info .user-avatar .level {
    position: absolute;
    right: 8px;
    top: 78px;
}
.basic-info .user-avatar .icon-v {
	background: url("../images/w3c/gold.png") no-repeat 0 0;
	width: 25px;
	height: 25px;
	display: inline-block;
}
.basic-info .u-name {
	margin: 10px 0;
	line-height: 40px;
}
.u-student-id{
	margin-bottom:10px; 
}
.basic-info .u-name .nickname {
	display: inline-block;
	max-width: 180px;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
	font-size: 20px;
	color: #333;
}
.basic-info .u-name .sex-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-left: 5px;
}
.icon-boy {
	background: url("//7nsts.w3cschool.cn/yimages/boy.png") no-repeat scroll 0% 0%;
}
.icon-girl {
	background: url("//7nsts.w3cschool.cn/yimages/girl.png") no-repeat scroll 0% 0%;
}
.focus-group a {
	display: inline-block;
	line-height: 20px;
	padding: 4px 18px;
	font-size: 13px;
	border-radius: 4px;
}
.focus-group .focus {
	background: #AE4141;
	border: 1px solid #AE4141;
	color: #FFF;
}
.focus-group .y-focus {
	background: #F5F5F5;
	border: 1px solid #CCC;
	color: #333;
}
.focus-group .focus:hover {
	background-color: #900b09;
	border: 1px solid #900b09;
	color: #FFF;
	text-decoration: none;
}
.focus-group .y-focus:hover {
	background: #EEE;
}
.icon-img {
	display: inline-block;
    width: 16px;
    height: 16px;
	vertical-align: middle;
	padding-right: 5px;
}
.icon-focus {
	background: url("../yimages/icon-focus.png") no-repeat scroll 0% 0%;
}
.icon-yfocus {
	background: url("../yimages/icon-yfocus.png") no-repeat scroll 0% 0%;
}
.basic-info .user-desc {
	margin: 0 0 15px;
	text-align: center;
}
.basic-info .user-sign{
	line-height: 24px;
	word-wrap: break-word;
	font-size: 14px;
	color: #333;
}
.user-stats {
	margin-top: 15px;
	font-size: 14px;
	color: #999;
}
.userinfo-group {
	margin-top: 10px;
}
.follow-group li,.userinfo-group li {
	display: inline-block;
	margin-bottom: 10px;
	border-right: 1px solid #d9d9d9;
	text-align: center;
}
.follow-group li a,.userinfo-group li span {
	display: block;
	padding: 0 14px;
	color: #666;
}
.follow-group li b,.userinfo-group li b {
	display: block;
	font-size: 14px;
	color: #666;
}
.handbook-item {
	margin-bottom: 20px;
}
.handbook-item-title {
	margin: 10px 0;
	font-size: 14px;
	color: #333;
}
.handbook-box-notice {
	font-size: 14px;
	color: #666;
}
.handbook-box-content a {
	display: block;
	line-height: 25px;
	font-size: 14px;
	color: #666;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.icon-hb {
	background: url("../yimages/icon-book.png") no-repeat scroll 0% 0%;
}
.user-container {
	float: left;
	width: 72%;
	padding: 0 10px 0 30px;
	min-height: 600px;
}
.user-nav-tabs {
	height: 45px;
	line-height: 45px;
	border-bottom: 2px solid #EEE;
	margin-top: -5px;
}
.user-nav-tabs li {
	float: left;
	margin-right: 35px;
}
.user-nav-tabs li a {
	display: block;
	font-weight: 600;
	font-size: 15px;
	color: #333;
}
.user-nav-tabs li a.current {
	border-bottom: 2px solid #900b09;
	color: #900b09;
}
.user-nav-tabs li a:hover {
	text-decoration: none;
}
.user-tabs-content {
	margin: 5px 0 20px;
}
.user-tabs-content .u-box {
	padding: 0 0 20px;
	border-bottom: 1px solid #CCC;
}
.user-tabs-content .u-box:last-of-type {
	padding: 0;
	border-bottom: none;
}
.user-tabs-content .u-box-title {
	margin-top: 15px;
	font-weight: 600;
	font-size: 15px;
	color: #333;
	height: auto;
	border-bottom: none;
}
.user-tabs-content .u-box-item,.result-user-list .u-box-item {
	position: relative;
	padding: 20px 0;
	overflow: hidden;
}
.u-box-item + .u-box-item {
	border-top: 1px solid #DDD; 
}
.u-box-item .u-avatar {
	float: left;
	margin: 3px 0 0;
}
.u-box-item .u-avatar,.u-box-item .u-avatar a,.u-box-item .u-avatar img {
	display: block;
	width: 40px;
	height: 40px;
}
.u-box-item .u-avatar img {
	border-radius: 50%;
}
.u-main {
	margin-left: 60px;
}
.u-f-item{
	float: left;
	width: 20.9%;
	height: 45px;
	background-color: #f5f5f5;
    border-radius: 3px;
    margin: 15px 8px 5px 4px;
    overflow: hidden;
    padding: 6px 10px;
}
.u-f-item h4{
	font-weight: normal;
    font-size: 14px;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px;
    color: #333;
}
.u-f-item span{
	display: inline-block;
    font-size: 12px;
    color: #666;
    margin-right: 10px;
}
.u-f-item a:hover{
	text-decoration:none;
}
.author-info {
	margin-top: 5px;
	font-size: 14px;
	color: #333;
}
.author-info a {
	margin-right: 5px;
	color: #900b09;
}
.article-info {
	background-color: #F5F5F5;
	padding: 10px;
	margin: 0 0 10px;
}
.article-info a {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #900b09;
}
.article-info p {
	margin-top: 5px;
	font-size: 14px;
	color: #333;
	line-height: 24px;
}
.u-item-meta {
	font-size: 13px;
	color: #666;
}
.u-item-meta span.u-line::before {
	content: "•";
	padding-right: 5px;
}
.u-item-meta span.meta-line::before {
	content: "|";
	padding: 0 5px;
}
.u-item-meta span:first-child::before {
	display: none;
}
.zm-profile-count {
    float: left;
    width: 40px;
    height: 40px;
    margin: 3px 5px 0 0;
    padding: 2px;
    background-color: #F5F5F5;
    color: #ae4141;
    font-weight: 600;
    text-align: center;
    border-radius: 4px;
}
.ask-box-item .zm-profile-count {
    color: #666;
}
.zm-profile-num {
    padding: 2px 0 4px;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
}
.zm-profile-type {
    line-height: 1;
    font-weight: 400;
    font-size: 12px;
}
.user-box-notice {
	margin: 20px 0;
	font-size: 14px;
	color: #666;
}
.u-title a {
	font-weight: 600;
	font-size: 14px;
	color: #333;
}
.u-title a:hover {
	color: #900b09;
}
.u-info {
	margin: 5px 0;
	font-size: 14px;
	color: #333;
	line-height: 1.7;
}
.u-info a {
	color: #900b09;
}
.author-info a:hover,.article-info a:hover,.u-info a:hover {
	color: #ff0000;
}
/* user-center2 */
.user-top {
    position: relative;
    background-color: #FFF;
    border: 1px solid #DDD;
    padding: 10px 0;
    overflow: hidden;
}
.user-pic {
	float: left;
    margin: 0px 20px;
	width: 150px;
    height: 200px;
}
.user-pic dt {
    width: 150px;
    height: 160px;
    float: left;
}
.user-pic img {
    display: block;
    width: 140px;
    height: 140px;
    padding: 5px;
    border-radius: 100%;
}
.group-pic img {
	border-radius: 0;
}
.fs-num {
    width: 72px;
    height: 32px;
    float: left;
    font-size: 14px;
    color: #666;
    text-align: center;
    overflow: hidden;
}
.fs-num b {
    display: block;
    width: 72px;
    text-align: center;
    line-height: 14px;
    color: #333;
    float: left;
}
.focus-r {
    border-right: 1px solid #EEE;
}
.user-info {
	float: left;
	width: 620px;
	margin: 15px 30px;
}
.u-name {
	line-height: 24px;
}
.u-name span {
	font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-left: 5px;
}
.u-name span.userinfo-id {
    font-size: 12px;
    font-weight: normal;
	color: #666;
	padding-left: 5px;
}
.u-text {
	margin-top: 15px;
	line-height: 20px;
	color: #333;
}
.u-text span {
	font-size: 14px;
    color: #666;
}
.u-text span em {
    display: inline-block;
    background-color: #E7F2ED;
    color: #017E66;
    text-align: center;
    padding: 4px 8px;
    font-style: normal;
    font-size: 12px;
    border-radius: 8px;
    margin: 0 8px 0 2px;
}
.u-enter {
    float: left;
    width: 240px;
    margin-top: 10px;
}
.u-enter a {
    display: inline-block;
    width: 102px;
    height: 30px;
    cursor: pointer;
    margin-right: 10px;
}
.u_knowledge {background: url("../yimages/u_knowledge.png") no-repeat scroll 0 10px;padding: 8px;margin-right: 4px;}
.u_question {background: url("../yimages/u_question.png") no-repeat scroll 0 10px;padding: 8px;margin-right: 4px;}
.u_approve {background: url("../yimages/u_approve.png") no-repeat scroll 0 10px;padding: 8px;margin-right: 4px;}
.u_project {background: url("../yimages/u_project.png") no-repeat scroll 0 10px;padding: 8px;margin-right: 4px;}
.u_count_info{margin-top: 30px;}
.u_count_info dd{margin: 5px 0;color:#666666;}
.user-operate a {
	display: inline-block;
	line-height: 20px;
	background: #AE4141;
	border: 1px solid #AE4141;
	padding: 4px 18px;
	font-size: 13px;
	color: #FFF;
	border-radius: 4px;
	margin-top: 10px;
}
.user-operate a:hover {
	background: #900b09;
	border: 1px solid #900b09;
	text-decoration: none;
}
.u-content {
    margin-top: 30px;
}
.u-left-box {
    float: left;
    width: 836px;
    background-color: #FFF;
    border: 1px solid #DDD;
    overflow: hidden;
}
.u-menu {
	height: 40px;
	padding: 0px 20px;
	background-color: #F5F5F5;
	border-bottom: 1px solid #EDEDED;
}
.u-menu-l {
	float: left;
	line-height: 40px;
	font-weight: normal;
	font-size: 16px;
	color: #333;
}
.u-menu-r {
	float: right;
	position: relative;
	padding-top: 10px;
}
.u-menu-r li {
    float: left;
    line-height: 30px;
}
.u-menu-r li a {
	display: block;
    padding: 0 15px;
    font-size: 14px;
    color: #333;
    border-radius: 3px 3px 0px 0px;
}
.u-menu-r li a.current {
    background-color: #FFF;
    border: 1px solid #DDD;
    border-bottom: none;
    color: #900b09;
}
.u-menu-r li a:hover {
	text-decoration: none;
	color: #900b09;
}
.new-box {
    width: 12.28%;
    margin: 15px 10px;
    min-height: 195px;
}
.new-box2 {
	width: 139px;
	margin: 15px 10px;
}
.handbook-box a:hover {
	color: #900b09;
	text-decoration: none;
}
.new-img img {
    width: 100%;
    height: 100%;
}
.new-img2 img {
    width: 139px;
    height: 139px;
}
.new-txt span {
    width: 150px;
    overflow: hidden;
}
.new-intro {
    width: 150px;
}
.u-box {
    padding: 10px 15px;
    overflow: hidden;
}
.u-box-title {
	height: 35px;
    border-bottom: 2px solid #EEE;
    font-weight: 600;
    font-size: 15px;
    color: #333;
}
.u-box-title span {
	display: inline-block;
	line-height: 35px;
	border-bottom: 2px solid #900b09;
}
.know-lable li {
    float: left;
    width: 178px;
    height: 20px;
    line-height: 20px;
    padding: 5px 15px;
    background-color: #F7F7F7;
    margin: 15px 10px 0;
    border-radius: 4px;
}
.know-lable li a {
    font-size: 12px;
    color: #555;
}
.know-lable span {
    float: right;
    padding: 0px 10px;
    font-size: 12px;
    background-color: #1CB177;
    color: #FFF;
}
.u-box-notice {
	text-align: center;
    margin: 20px 0;
    font-size: 14px;
    color: #333;
}
.u-box-item {
    position: relative;
    padding: 15px 10px;
}
.u-left-box .u-box-item + .u-box-item {
    border-top: 1px dashed #E6E6E6;
}
.r-date {
	float: right;
	line-height: 20px;
    font-size: 13px;
    color: #888;
    margin-right: 20px;
}
.item-box {
    color: #555;
}
.item-box a {
	font-size: 14px;
    color: #900b09;
}
.q-content {
	margin-top: 5px;
	color: #333;
}
.u-avatar {
    float: left;
    margin-right: 8px;
    width: 20px;
    height: 20px;
}
.u-box-main p {
    color: #888;
    font-size: 13px;
}
.u-question {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
}
.u-question a {
    color: #333;
}
.u-box-desc {
    color: #666;
}
.u-note,.u-note-info {
    margin-top: 10px;
    font-size: 13px;
}
.u-note p {
    line-height: 22px;
    color: #333;
}
.u-note-info span {
    margin-right: 30px;
}
.u-right-box {    
    float: left;
    width: 280px;
    margin-left: 20px;
}
.focus-visitors,.fans-visitors {
    width: 100%;
    background-color: #FFF;
    border: 1px solid #DDD;
    overflow: hidden;
    margin-bottom: 20px;
}
.focus-visitors h4,.fans-visitors h4 {
    height: 40px;
    line-height: 40px;
    background-color: #F5F5F5;
    font-weight: normal;
    font-size: 14px;
    color: #333;
    padding-left: 15px;
}
.visitors-box,.creator-box {
    width: 280px;
    padding: 15px 0;
    overflow: hidden;
}
.visitors-box img {
	float: left;
    margin: 5px 8px 5px 11px;
    width: 50px;
    height: 50px;
}
.creator-box img {
    margin: 5px 15px;
    border: 4px solid #FFF;
    box-shadow: 0px 3px 3px rgba(193, 191, 192, 0.5);
    border-radius: 50%;
}
/* 面包屑导航 */
.bread-nav {
	width: 100%;
	min-width: 1140px;
    font-size: 14px;
    color: #333;
}
.current-position {
   width: 1140px;
   max-width: 1140px;
   margin: 15px auto 0;
}
.current-position span {
	margin-right: 30px;
}
.current-position .current-name {
	float: left;
	font-size: 15px;
    color: #1CB177;
}
.current-position ul {
	float: left;
}
.current-position li {
	float: left;
	padding: 0 15px;
}
.current-position a {
	display: inline-block;
	font-size: 14px;
    color: #900b09;
}
.current-position a:hover {
    color: #ff0000;
    text-decoration: none;
}
/* jobs_list*/ 
.jobs-list-content {
	padding: 0 0 30px;
}
.jobs-list-title {
	text-align: center;
}
.jobs-list-title h2 {
	display: inline;
	border-bottom: 2px solid #D01C06;
	padding-bottom: 10px;
	font-size: 20px;
	color: #333;
}
.jobs-wrap {
    width: 100%;
    height: auto;
    padding: 25px 0 18px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.jobs-wrap h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}
.jobs-wrap-item {
	padding: 5px 0;
	overflow: hidden;
}
.jobs-wrap-item h4 {
	float: left; 
	margin-top: 10px;
	min-width: 80px;
	font-size: 14px;
	color: #333;
}
.jobs-wrap-box {
    width: 860px;
    float: left;
    overflow: hidden;
}
.jobs-wrap-box a,.jobs-wrap-box span {
    margin: 5px 10px 5px 0px;
    display: inline-block;
    padding: 5px;
}
.jobs-wrap-box a:hover {
    color: #ff0000;
}
.jobs-path-content h4 {
	min-width: auto;
}

/* jobs_content */
.jobs-body {
	width: 100%;
	background-color: #FFF;
	min-width: 1140px;
	padding-top: 20px;
}
.jobs-banner {
	width: 100%;
    min-width: 1129px;
    height: auto !important;
    min-height: 200px;
}
.jobs-banner2 {
	width: 100%;
    min-width: 1129px;
    height: 110px !important;
}
.jobs-banner-content {
	width: 600px;
	margin: 0 auto;
}
.jobs-banner-content h1 {
	font-weight: 500;
	font-size: 30px;
    color: #333;
    text-align: center;
    margin-top: 10px;
}
.jobs-desc {
	border: 1px solid #DDD;
	margin: 15px 0 10px;
}
.jobs-desc-box {
	background-color: #FFF;
	padding: 15px;
}
.jobs-desc-box p {
	line-height: 24px;
	text-indent: 2em;
	font-size: 14px;
	color: #333;
}
.jobs-menu a {
    display: inline-block;
    width: 100px;
    padding: 0px 20px;
	background-color: #F5F5F5;
	font-size: 16px;
    color: #333;
}
.jobs-menu a.current {
    background-color: #AE4141;
    color: #FFF;
}
.jobs-ladder {
    width: 1140px;
    margin: 0 auto;
    padding: 20px 0;
    overflow: hidden;
}
.jobs-item {
	margin-bottom: 40px;
	overflow: hidden;
}
.jobs-item h2 {
	font-size: 18px;
	color: #333;
}
.jobs-item p {
	margin: 20px 0;
	font-size: 16px;
	color: #333;
}
.jobs-item-content {
	margin-top: 20px;
	overflow: hidden;
}
.hb-sort-name {
	text-align: center;
	font-size: 16px;
	color: #1CB177;
	margin-bottom: 15px;
}
.jobs-item-box {
	height: 238px;
}
.ladder-list {
	width: 100%;
	padding-top: 236px;
}
.ladder-item {
	position: relative;
	float: left;
	width: 279px;
	height: 2px;
	background-color: #E4E4E4;
}
.first-ladder {
	width: 20px;
	background-color: #FFF;
}
.ladder-box {
	position: absolute;
	top: -9px;
	right: 0px;
	width: 20px;
	height: 20px;
}
.ladder-box span {
	display: block;
	background-color: #FFF;
	border: 2px solid #E4E4E4;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	overflow: hidden;
}
.ladder-box p {
	position: absolute;
	bottom: 100%;
	left: 50%;
	width: 269px;
	color: #900b09;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
.ladder-box p img {
	width: 200px;
	height: 200px;
	padding: 0 35px
}
.ladder-desc {
	width: 269px;
	float: left;
	margin-left: 10px;
}
.ladder-desc-box {
	border-left: 1px solid #E4E4E4;
	padding-top: 20px;
}
.ladder-desc-box h3 {
	font-size: 15px;
    color: #900b09;
    padding-bottom: 10px;
}
.ladder-desc-box h3 span {
	display: inline-block;
	width: 25px;
	height: 14px;
	background: url("../yimages/dotted-line.png") no-repeat scroll 0px 0px;"
}
.ladder-info-list {
    line-height: 27px;
    color: #666;
    padding-left: 10px;
}
.ladder-info-list li,.ladder-info-list li h4 {
	font-size: 14px;
	color: #333;
	word-break: break-all;
}
.ladder-info-list li h4:hover {
	color: #ff0000;
}
ol.ladder-info-list {
	padding-left: 25px;
}
ol.ladder-info-list li {
	list-style-type: decimal;
}
.ladder-icon {
	position: relative;
	width: 100%;
	height: 30px;
	text-align: center;
}
.ladder-icon img {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -6px;
}
.jobs-relevant-user li {
	float: left;
	height: 106px;
	padding: 10px 11px;
	text-align: center;
}
#fixedbar.fixed #mask {
    display: block;
}
.fixed{
    position: fixed;
	z-index:1000;
	width: 100%;
	line-height: 50px;
	top: 0;
}
#fixedbar #mask{
    background-color: #fff;
    box-shadow: 1px 1px 8px #ccc;
    display: none;
    height: 75px;
    left: 0;
    opacity: 0.95;
    position: fixed;
	z-index:990;
	top: 0;
    width: 100%;
}
#fixedbar .jobs-menu {
    width: 1140px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	padding: 12px 0 40px;
    position: relative;
	z-index: 990;
    text-align: center;
}
/* project_list */
.pro-right-list {
	float: left;
	width: 890px;
	background-color: #FFF;	
	border: 1px solid #E6E6E6;
}
.pro-list {
	padding: 15px 5px 10px;
	overflow: hidden;
}
.item-title {
	padding: 0 10px;
}
.item-title h2 {
    padding-bottom: 10px;
    border-bottom: 1px solid #E6E6E6;
    font-weight: 600;
    font-size: 18px;
    color: #333;
}
.pro-list .pro-item {
	width: 245px;
	border: none;
}
.pro-list-content {
	margin-top: 20px;
	overflow: hidden;
}

/* 发现页   */
.hb-list-head {
	width: 1129px;
    margin: 30px auto 0;
}
.hb-search {
    height: 40px;
    width: 600px;
    margin: 0 auto;
    position: relative;
    border: 2px solid #AE4141;
    border-radius: 2px;
    background-color: #FFF;
}
.hb-input {
    height: 40px;
    padding-left: 7px;
    padding-top: 2px;
}
.s-hb {
    color: #333;
    height: 36px;
    line-height: 20px;
    width: 500px;
    border: none;
}
.hb-btn {
    position: absolute;
    width: 85px;
    height: 40px;
    line-height: 22px;
    right: 0px;
    top: 0px;
    cursor: pointer;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    background-color: #AE4141;
    border: none;
}
.hb-list-left {
    float: left;
    width: 218px;
    margin-right: 30px; 
    position: relative;
}
.menu-title {
	padding-left: 10px;
	line-height: 35px;
	background-color: #EFEFEF;
	border: 1px solid #DDD;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.menu-title a {
	font-size: 15px;
	color: #333;
}
.menu-list {
	width: 216px;
	border: 1px solid #DDD;
	border-top: none;
}
.menu-list li {
	position: relative;
	width: 216px;
	height: 45px;
	line-height: 45px;
	background-color: #FFF;
	border-bottom: 1px solid #E6E6E6;
	cursor: pointer;
}
.menu-list li:last-child {
	border-bottom: none;
}
.menu-list li a {
	font-size: 15px;
	color: #333;
}
.menu-list li a:hover {
	color: #ff0000;
}
.menu-list .hd-arr {
	left: 185px;
	top: 18px;
}
.mod-sort-content {
	display: none;
	position: absolute;
	top: 37px;
	left: 217px;
	width: 624px;
	min-height: 321px;
	border: 1px solid #E6E6E6;
	padding-left: 30px;
	background-color: #FFF;
}
.mod-sort-content .mod-sort-list {
    width: 594px;
}
.mod-sort-content .mod-link-thrid {
	width: 479px;
}
.search-end-info {
    padding-bottom: 5px;
    line-height: 24px;
    font-size: 13px;
    color: #333;
    background-color: #f9f9f9;
}
.search-end-info strong {
    color: #900b09;
}
.collection .search-end-info{
    overflow: auto;
}
.collection #collection-tools{
    float: right;
}
.hb-list-content {
	width: 1127px;
    background-color: #FFF;
    border: 1px solid #DDD;
    padding-bottom: 10px;
}
.hb-menu {
    height: 32px;
    background-color: #EFEFEF;
    border-bottom: 1px solid #DDD;
}
.hb-menu-l {
	float: left;
}
.hb-menu-l a {
	float: left;
	height: 32px;
	line-height: 32px;
	border-right: 1px solid #CCC;
	color: #333;
	padding: 0 25px;
}
#hb-menu-r .hb-menu-r-a-collection{
	padding: 0 25px;
	width: 100px;
}
.hb-menu-l a.current {
	background-color: #FFF;
	font-weight: bold;
	color: #900b09;
}
#hb-menu-r {
    float: right;
}
#hb-menu-r a {
    position: relative;
    float: left;
    width: 36px;
    height: 32px;
    line-height: 32px;
    border-left: 1px solid #CCC;
    text-align: center;
    cursor: pointer;
}
#hb-menu-r a.current,#hb-menu-r a:hover {
    background-color: #FFF;
}
.hb-list-center {
    padding: 5px 15px;
    overflow: hidden;
}
.hb-box {
    padding: 10px;
    overflow: hidden;
}
.hb-box + .hb-box {
    border-top: 1px solid #EEE;
}
.hb-bg {
	float: left;
	width: 88px;
	margin: 5px 0;
	border-radius: 4px;
}
.hb-bg img {
	display: block;
	width: 88px;
	height: 88px;
}
.hb-box-item {
	float: left;
	width: 732px;
	margin-left: 20px;
}
.box-head {
    padding-bottom: 5px;
    overflow: hidden;
}
.box-head-left {
    float: left;
    width: 600px;
    height: 30px;
    line-height: 30px;
}
.box-head-left h4 {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}
.box-head-left h4:hover {
    color: #ff0000;
}
.box-head-right {
    float: right;
    line-height: 24px;
    margin-top: 5px;
    font-size: 12px;
}
.col-v {
    display: inline-block;
    background-color: #F7F7F7;
    border: 1px solid #EEE;
    border-radius: 4px;
    padding: 0px 7px;
    margin-left: 10px;
    color: #666;
}
.col-v1 {
    display: inline-block;
    padding: 0px 5px;
    margin-left: 10px;
    color: #666;
    min-width: 60px;
}
.col-v a,.col-v1 a {
    display: inline-block;
    color: #666;
}
.col-v1 a:hover {
    color: #900b09;
}
.sc-icon {
    padding: 3px 0 2px 22px;
    background: url("../yimages/w3c-shoucang-icon.png") no-repeat scroll left center;
}
.ysc-icon {
    padding: 3px 0 2px 22px;
    background: url("../yimages/w3c-shoucang-icon-chose.png") no-repeat scroll left center;
}
.box-desc p {
    line-height: 24px;
    font-size: 14px;
    color: #666;
    margin: 0;
}
/* handbook-content */
.hb-top {
    margin-bottom: 20px;
    border: 1px solid #E6E6E6;
    background-color: #FFF;
}
.hb-top-intro {
    padding: 18px 20px;
}
.hb-top-content {
    height: 32px;
    line-height: 32px;
}
.hb-top-left {
    float: left;
}
.hb-top-title {
    float: left;
    font-weight: normal;
    font-size: 20px;
    color: #333;
    margin-right: 20px;
}
.hb-icon {
    padding-left: 40px;
    background: url("../yimages/hb-icon.png") no-repeat scroll left center;
}
.contri-img {
    font-size: 14px;
    color: #333;
    display: inline-block;
}
.contri-img img {
    width: 20px;
    height: 20px;
    padding-right: 5px;
}
.contri-img:hover {
    color: #1CB177;
}
.hb-top-right {
    float: right;
    font-size: 12px;
    color: #333;
    line-height: 26px;
    margin: 3px 0;
}
.z-icon {
    padding: 3px 0 2px 22px;
    background: url("../yimages/z-icon.png") no-repeat scroll left center;
}
.yz-icon {
    padding: 3px 0 2px 22px;
    background: url("../yimages/yz-icon.png") no-repeat scroll left center;
}
.lr-icon {
    padding: 3px 0px 2px 22px;
    background: url("../yimages/liulan-icon.png") no-repeat scroll left center;
}
.fx-icon {
    padding: 3px 0 2px 22px;
    background: url("../yimages/share-icon.png") no-repeat scroll left center;
}
.c-date,.row-desc {
    margin-top: 10px;
}
.c-date span {
    display: inline-block;
    color: #333;
}
.s-name {
    padding-right: 7px;
    display: inline-block;
}
.s-count {
    display: inline-block;
    border-left: 1px solid #DDD;
    padding-left: 7px;
}
.hb-desc-c {
    font-size: 14px;
    color: #333;
    line-height: 24px;
}
.hb-desc-c span {
    font-size: 16px;
    color: #333;
}
.hb-top-menu {
	height: 40px;
	line-height: 40px;
	background-color: #F9F9F9;
	padding: 0 20px;
}
.hb-top-menu li {
	float: left;
}
.hb-top-menu li a {
	display: inline-block;
	padding: 0 15px;
	font-size: 15px;
	color: #333;
    border: 1px solid transparent;
    border-radius: 3px 3px 0px 0px;
}
.hb-top-menu li a.active {
	background-color: #FFF;
    border: 1px solid #DDD;
    border-bottom: none;
    color: #1CB177;
}
.hb-top-menu li a:hover {
    color: #1CB177;
}
.hb-left {
	float: left;
	position: relative;
	width: 250px;
	height: auto;
	background-color: #FFF;
	border: 1px solid #E6E6E6;
	margin-right: 20px;
}
.tree-title {
	height: 35px;
    line-height: 35px;
    background-color: #F9F9F9;
    white-space: nowrap;

}
.tree-title span {
    margin: 9px 0 0 15px;
    font-size: 16px;
}
.wrap-menu {
    overflow-x: auto;
	padding: 15px 10px;
}
.dd-item > .folder-open::before {
    padding-right: 5px;
    content: url("../yimages/jian.png");
    vertical-align: -2px;
}
.dd-item > .folder-close::before {
    padding-right: 5px;
    content: url("../yimages/jia.png");
    vertical-align: -2px;
}
.ic-folder-open {
    padding-left: 20px;
    background: url("../yimages/tree1.gif") no-repeat scroll center center;
}
.ic-folder-open2 {
    padding-left: 20px;
    background: url("../yimages/tree2.gif") no-repeat scroll center center;
}
.ic-group-file {
    background: rgba(0, 0, 0, 0) url("../yimages/icon-group-file.png") no-repeat scroll center center;
    padding-left: 20px;
}

.ic-group-folder {
    background: rgba(0, 0, 0, 0) url("../yimages/icon-group-folder.png") no-repeat scroll center center;
    padding-left: 20px;
}
.dd-content {
    white-space: nowrap;
    word-break: break-all;
}
.dd-content a {
	display: inline-block;
    line-height: 28px;
    padding-left: 5px;
    font-size: 14px;
    color: #333;
}
.dd-content:hover {
    cursor:pointer;
}
.dd-content a:hover {
	color: #1CB177;
}
.hb-right {
    float: left;
    position: relative;
    width: 750px;
    background-color: #FFF;
    border: 1px solid #E6E6E6;
}
.hb-wiki {
    position: relative;
    width: 100%;
    max-width: 1000px;
}
.hb-wiki .content-bg .content-intro {
	margin: 30px 0;
	max-width: none;
	height: auto;
	min-height: 600px;
}
.hb-corre-list h3{
	font-weight:normal;
	font-size: 14px;
	text-align: center;
	padding: 20px 0px;	
	color: #666;
}
.content-operation {
    border-top: 1px solid #CCC;
    margin-top: 20px;
    overflow: hidden;
    padding: 20px 0px;
}
/* 上一篇、下一篇  */
.content-links {
	max-width: 1024px;
    padding: 8px 0;
    font-size: 15px;
    color: #333;
    overflow: hidden;
}
.previous-link {
    float: left;
}
.next-link {
    float: right;
}
.previous-link a, .next-link a {
    color: #900b09;
    font-size: 15px;
}
.previous-link a:hover,
.next-link a:hover {
    text-decoration: underline;
}
.content-bg {
    max-width: 1024px;
	/*margin: 0 auto;*/
	box-sizing: border-box;
}
.content-bg .content-top {
	height: auto;
	line-height: 40px;
}
.content-bg .content-top h1 {
	font-size: 28px;
	color: #000;
	font-weight: normal;
}
.content-bg .content-intro {
	height: auto;
	/*min-height: 600px;*/
}

/* 搜索手册列表页 */
.hb-result-sort {
    position: relative;
    padding: 0px 15px;
    float: left;
    color: #666;
    line-height: 32px;
    height: 32px;
    border-bottom: 1px solid #EEE;
    border-right: 1px solid #DDD;
}
.hb-result-sort span {
    display: inline-block;
    width: 52px;
    cursor: pointer;
    text-align: center;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
}
.box-title {
    height: 35px;
    line-height: 35px;
    background-color: #F9F9F9;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    padding-left: 15px;
}
.box-content {
	background-color: #FFF;
    border: 1px solid #E6E6E6;
    border-bottom: none;
    float:left;
    width: 180px;
    min-height: 200px;
    overflow: hidden;
}
.postcategory-box{
	float: left;
	z-index: 850;  
	background: rgb(255, 255, 255) none repeat scroll 0px 0px; 
	min-height:300px;
	max-width:480px;
	padding:0px 15px;
	min-width:450px;
	position: absolute; 
	margin-left: 180px;
	margin-top: 35px;
	display: none;
	border: #1cb177 1px solid;
}
.postcategory-box ul li{
	float: left;
	min-width: 89px;
	min-height:30px;
	line-height:30px;
	padding:0px 10px;
	text-align: center;
	border-left: 1px solid #DDD;
	margin: 5px auto;
	font-size: 13px;
}
/* 搜索结果页 */
.search-body {
   width: 100%;
   min-width: 1129px;
   min-height: 600px;
   background-color: #fff;
   padding-bottom: 40px;
   overflow: hidden;
}
.search-head {
    padding: 40px 0px;
    background-color: #F5F5F5;
    border-bottom: 1px solid #CCC;
}
.search-center {
    width: 1129px;
    margin: 0 auto;
}
.search-input {
	position: relative;
	width: 850px;
	height: 45px;
	margin: 0 auto;
	border: 2px solid #AE4141;
	border-radius: 2px;
	background-color: #FFF;
}
.search-input .hb-btn {
	background-color: #AE4141;
	width: 95px;
	height: 45px;
}
.search-content {
	width: 739px;
	padding: 0 8px;
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	color: #333;
	border: none;
}
.btn-s {
	position: relative;
}
.search-main {
    margin: 40px auto 0px;
    width: 1129px;
    overflow: hidden;
}
.search-main a:hover {
	text-decoration: none;
}
.search-list {
    width: 829px;
    float: left;
}
.search-tabs {
	height: 38px;
	line-height: 38px;
	margin-top: -5px;
	border-bottom: 2px solid #E6E6E6;
	margin-bottom: 20px;
}
.search-tabs li {
	float: left;
	margin-right: 10px;
}
.search-tabs li a {
	display: block;
	font-weight: 600;
	font-size: 16px;
	color: #333;
	padding: 0 20px;
}
.search-tabs li.active a {
	border-bottom: 2px solid #AE4141;
	color: #AE4141;
}
.result-header {
    background-color: #F5F5F5;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
}
.search-total {
    display: block;
    float: left;
}
.search-total b {
    color: #333;
}
.search-con {
   float: right;
   margin-left: 10px;
   width: 60px;
}
.search-con a {
   display: block;
   text-align: center;
   color: #333;
}
.down-icon {
    width: 20px;
    height: 20px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    background: url("../yimages/icon2.png") no-repeat scroll center center;
}
.search-con .down {
    display: none;
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: 2;
    border: 1px solid #CCC;
    background-color: #FFF;
}
.search-con .down a {
    padding: 12px 34px 12px 20px;
    display: block;
    font-size: 13px;
    color: #777;
    white-space: nowrap;
}
.search-result {
    /*margin-top: 20px;*/
    padding: 10px 5px;
}
.search-result:hover {
    background-color: #fff8dc;
}
.search-result h2 {
    line-height: 30px;
}
.search-result a {
    font-size: 14px;
    color: #0474c8;
    text-decoration: underline;
}
.search-result a:hover {
    text-decoration: underline;
    color: #0474c8;
}
.search-result p {
    font-size: 14px;
    color: #666;
    line-height: 22px;
    margin-top: 5px; 
}
.search-result em{
    color: #D0021B;
    font-weight: bold;
    font-style: normal;
}
.search-right {
    float: right;
    width: 250px;
}
.hot-search,.other-search {
    margin-bottom: 30px;
}
.other-search h4, .hot-search h4, .hot-salec h4 {
    padding-bottom: 12px;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #E6E6E6;
}
.hot-keywords a,.skill-menu a {
    display: inline-block;
    margin: 10px 10px 5px 0;
    height: 28px;
    line-height: 28px;
    padding: 0px 15px;
    font-size: 12px;
    color: #900b09;
    background-color: #F5F5F5;
    border-radius: 4px;
}
.hot-keywords a:hover,.skill-menu a:hover {
    background-color: #AE4141;
    color: #FFF;
}
.other-search a {
    display: block;
    line-height: 34px;
    font-size: 14px;
    color: #333;
}
.other-search a:hover {
    color: #ff0000;
}

/* 分页   */
.multipage {
   text-align: center;
   padding: 20px 0px;
   font-size: 14px;
}
.pagination em {
    display: inline-block;
    min-width: 40px;
    height: 32px;
    line-height: 32px;
    background-color: #FFF;
    font-style: normal;
    color: #1CB177;
    margin-right: 3px;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
}
.pagination strong {
   display: inline-block;
   width: 32px;
   height: 32px;
   margin-left: 3px;
   line-height: 32px;
   color: #1CB177;
}
.pagination a {
   display: inline-block;
   width: 32px;
   height: 32px;
   margin-left: 5px;
   line-height: 32px;
   border: 1px solid #E6E6E6;
   background-color: #FFF;
   color: #333;
   border-radius: 2px;
}
.pagination a:hover {
   background-color: #1CB177;
   border: 1px solid #1CB177;
   color: #FFF;
}
/*返回顶部 start */
.bottom-tools {
    position: fixed;
    z-index: 1070;
    right: 3px;
}
.bottom-tools>* {
    font: 0/0 a;
    display: block;
    margin-top: 5px;
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none;
}
.qr-img {
    background-image: url("../yimages/qr-img.png");
    display: none;
    height: 176px;
    left: -183px;
    max-width: none;
    padding-top: 57px;
    position: absolute;
    text-align: center;
    top: -189px;
    width: 173px;
}
.qr-img img {
    height: 100px;
    width: 100px;
}
#scrollUp {
    width: 45px;
    height: 45px;
    background-image: url("../yimages/backgrounds.32.png");
    background-position: -54px -53px;
    display: none;
}
#scrollUp:hover {
    background-image: url("../yimages/backgrounds.32.png");
    background-position: -100px -53px
}
#feedback {
    width: 45px;
    height: 45px;
    background-image: url("../yimages/backgrounds.32.png");
    background-position: -102px 0
}
#feedback:hover {
    background-image: url("../yimages/backgrounds.32.png");
    background-position: -146px -46px
}
#webkf {
    width: 45px;
    height: 45px;
    background-image: url("../yimages/qqkf.jpg");
}
#webkf:hover {
    background-image: url("../yimages/qqkf_hv.jpg");
}
.qr-tool {
    width: 45px;
    height: 45px;
    background-image: url("../images/backgrounds.32.png");
    background-position: -148px 0;
    cursor: pointer;
}
.qr-tool:hover {
    width: 45px;
    height: 45px;
    background-image: url("../images/backgrounds.32.png");
    background-position: -192px -46px;
}
/**模态框样式 **/

.modal-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.in {
    opacity: 0.5;
}
.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer {
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    text-align: right;
}
.close {
    color: #000;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
}
button.close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}
.modal-body {
    padding: 15px;
    position: relative;
}
.modal-title {
    line-height: 1.42857;
    margin: 0;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-header {
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px;
    padding: 15px;
}
.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
}
.modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    margin: 10px;
    position: relative;
    width: auto;
}
.modal-dialog {
    margin: 30px auto;
    width: 600px;
}
.modal.fade .modal-dialog {
    transform: translate(0px, -25%);
    transition: transform 0.3s ease-out 0s;
}
.modal.in .modal-dialog {
    transform: translate(0px, 0px);
}
.fade.in {
    /* opacity: 1; */
}
.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}
.fade {
    opacity: 0;
    transition: opacity 0.15s linear 0s;
}
/**模态框样式 end**/

/** 网址导航栏拖拽样式  by:wj**/
/* dragfunction */
.dragfunction{
	margin:40px 0 0 0;
}
.dragfunction dt{
	height:30px;
	font-weight:800;
}
.dragfunction dd{
	line-height:22px;
	padding:0 0 20px 0;
	color:#5e5e5e;
}
/* dragsort */
.dragsort-ver li{
	height:30px;
	line-height:30px;
}
.dragsort{
	width:620px;
	list-style-type:none;
	margin:0px;
}
.dragsort li{
	float: left;
    height: 30px;
    padding: 5px;
    width: 130px;
}
.dragsort div{
	background-color: #fff;
    border: 1px solid #e9e9e9;
    height: 20px;
    line-height: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 130px;
}
.placeHolder div{
	background-color:white!important;
	border:dashed 1px gray!important;
}
.divWebname{
	border: 0 none;
    height: 20px;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90px;
	float:left;
}
.divEdit{
	border: 0 none;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0 4px;
    width: 10px;
	float:left;
}
.addInput{
    width: 140px;
    padding: 3px 10px;
    font-size: 13px;
    background-color: #FFF;
    border: 1px solid #CCC;
	margin-left: 5px;
    margin-top: 20px;
}
.editInput{
	width: 220px;
    padding: 3px 10px;
    font-size: 13px;
    background-color: #FFF;
    border: 1px solid #CCC;
	margin: 10px 5px;
}
.pop-up{
	border: 1px #eee solid; 
	width:256px;
	height:114px;
	background-color: #fff;
	text-align: center;
}
 #bg{ 
 	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	background-color: black;
	z-index:800;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
	}
/** 网址导航栏拖拽样式 **/
/* usernav*/
.usernav-column {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 10px 20px;
}
.steps {
    margin-bottom: 30px;
    border-bottom: 2px solid #EEE;
}
.steps li {
    padding: 0 90px;
    display: table-cell;
}
.steps li a {
    position: relative;
    display: block;
    padding: 12px 15px;
    text-align: center;
    margin-bottom: -2px;
}
.steps .step .number {
    background-color: #EEE;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    padding: 8px 14px;
    margin-right: 10px;
    text-align: center;
    border-radius: 50%;
}
.steps .step .desc {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    color: #333;
}
.steps li.active a {
    border-bottom: 2px solid #1CB177;
}
.steps li.active .number {
    background-color: #1CB177;
    color: #FFF;
}
.usernav-column .step .desc:hover {
    color: #1CB177;
}
.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 30px;
    background-color: #F5F5F5;
    border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
}
.tab-content>.tab-pane{
    display:none
}

.tab-content>.active{
    display:block
}
.steps-btn {
    margin: 60px 0 30px;
    text-align: center;
}
.steps-name {
    font-weight: 500;
    font-size: 22px;
    color: #333;
    float: left;
}
.steps-btn a {
	display: inline-block;
	width: 120px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	background-color: #1CB177;
	border-radius: 4px;
}
.user-content {
    width: 750px;
    margin: 0 auto;
    padding-top: 30px;
    overflow: hidden;
}
.userpic {
    float: left;
    width: 150px;
    margin-left: 50px;
}
.pic-inner {
    padding: 0 10px;
}
.pic-inner img {
    width: 130px;
    height: 130px;
    display: block;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}
.pic-change {
    text-align: center;
}
.set-pic {
    height: 16px;
    line-height: 16px;
    cursor: pointer;
    padding-left: 20px;
    margin: 10px 0;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    background: #FFF url("../yimages/set-pic.png") no-repeat scroll 0px 0px;
    border: none;
}
.set-pic-btn {
    position: relative;
    padding: 0 10px;
    margin-top: 5px;
    height: 30px;
    overflow: hidden;
}
.pic-fake {
    display: block;
    height: 30px;
    line-height: 30px;
    background-color: #1CB177;
    color: #FFF;
    text-align: center;
}
.userinfo {
    margin-left: 260px;
}
.user-input {
    margin-bottom: 10px;
    color: #333;
}
.user-input .required {
    color: #1CB177;
    font-weight: 700;
    padding: 0px 5px;
    font-size: 18px;
}
.label-name {
    float: left;
    min-width: 60px;
    text-align: left;
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 16px;
}
.lable-name-desc {
    line-height: 24px;
    font-size: 14px;
    color: #666;
    padding-left: 5px;
}
.lable-group {
    line-height: 40px;
}
.lable-group label {
    display: inline-block;
    margin-right: 10px;
}
.perurl {
    width: 160px;
    padding:5px;
    border: 1px solid #DDD;
    border-radius: 2px;
    color: #333;
    margin-left: 2px;
	line-height: 20px;
}
.perurl:focus {
    border-color: #7bd089;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c6ebcc;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c6ebcc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c6ebcc;
}
.lable-group select,.posts-box-l select {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #DDD;
    font-size: 14px;
    padding: 3px 10px;
}
.lable-group .province,.jobs-check {
    width: 135px;
}
.lable-group .city {
    width: 105px;
}
#posts-box {
    width: 100%;
    overflow: hidden;
}
.posts-box-l {
    float: left;
    width: 670px;
}
.posts-wrap {
    width: 100%;
    height: auto;
    padding: 30px 0px 20px;
    border-bottom: 2px solid #EEE;
    overflow: hidden;
	/*display:none;*/
}
.posts-box-title {
    width: 140px;
    float: left;
    margin-top: 5px;
}
.posts-box-title a {
    display: block;
    float: left;
    width: 140px;
    line-height: 24px;
    font-size: 18px;
    color: #1CB177;
}
.posts-list-box {
    width: 520px;
    float: left;
    overflow: hidden;
    padding-left: 10px;
}
.posts-list-box a {
    margin: 5px 10px 5px 0;
    display: inline-block;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 5px;
    color: #333;
}
.posts-list-box a.active,.posts-list-box a:hover {
    color: #017E66;
    background-color: #E7F2ED;
    border: 1px solid #017E66;
}
.posts-select a {
    margin: 8px 10px 8px 5px;
    display: inline-block;
    padding: 5px;
    border: 1px solid #1CB177;
	background-color: #E7F2ED;
	font-size: 14px;
	color: #333;
	border-radius: 3px;
}
.posts-box-r {
    float: right;
    width: 310px;
}
.posts-l {
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
}
.posts-r {
    margin: 10px 0;
    padding-left: 20px;
    font-size: 16px;
    color: #333;
}
.posts-l span {
	font-weight: normal;
	color: #666;
}
.posts-select {
    padding-left: 20px;
}
.steps-title {
    margin-top: 20px;
    padding-left: 20px;
    overflow: hidden;
}
.spinfo .workoninfo{
	color:#f00;
	background: #fefefe;
	display: none;
}

.spinfo.on .workoninfo{
	display: inline-block;
}
.user-r {
    float: left;
    font-weight: 400;
    font-size: 16px;
    color: #333;
}
.change-user-link,.change-book-link {
    display: inline-block;
    float: left;
    padding-left: 10px;
}
.icon-all {
    background: rgba(0, 0, 0, 0) url("../yimages/icon-all.png") no-repeat scroll left center;
    padding-left: 24px;
}
.icon-none {
    background: rgba(0, 0, 0, 0) url("../yimages/icon-none.png") no-repeat scroll left center;
    padding-left: 24px;
}
.mod-sel-all,.mod-sel-none {
    display: inline-block;
    float: right;
}
.mod-sel-all {
	padding-right: 20px;
}
.icon-refresh {
    background: url("../yimages/set-pic.png") no-repeat scroll left center;
    padding-left: 24px;
}
.avatar-img.active {
	width: 64px;
	height: 64px;
    border: 4px solid #1CB177;
}
.user-list-oper {
    padding: 10px 20px;
}
.oper-group {
    float: left;
    margin: 0 20px;
    padding: 5px;
    cursor: pointer;
    color: #333;
}
.oper-group:hover {
    color: #1CB177;
}
.follow-box {
    margin-top: 40px;
    overflow: hidden;
}
.hb-recommend {
    padding: 10px;
    overflow: hidden;
}
.hb-recommend li {
    float: left;
    height: 40px;
    padding: 10px 12px;
    width: 160px;
    overflow: hidden;
}
.hb-recommend li img {
    width: 100px;
    height: 100px;
    padding: 5px;
    border: 4px solid transparent;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    margin-right: 8px;
}
#mask-sheet {
  background: #000 none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  display:none;
  z-index: 1002;
}
.hb-recommend li .book-border {
	border: 4px solid #1CB177;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
/** 手册列表页样式 **/
a.a-post:hover,a.a-post:active {
	color:#1cb177;
}
li.li-type:hover,li.li-type:active {
	background:#1cb177;
}
li.li-menu a{
	display: block;
	width: 100%;
}
li.li-od:hover,li.li-od:active {
	background-color:#1cb177;
	color: #fff;
}
/** 手册列表页样式结束 **/

/* 问答页样式 */
/* 提问 */
.ask-box {
    padding: 20px 0;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.label-title {
	display: block;
	float: left;
    width: auto;
    line-height: 42px;
    font-weight: 800;
    font-size: 15px;
    color: #333;
}
.label-title2 {
	font-size: 15px;
	color: #1CB177;
}
.label-title i {
    padding-left: 5px;
    color: #1CB177;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}
.ask-input {
    position: relative;
	margin-left: 90px;
}
.ask-lg,.ask-add-tag {
	width: 100%;
	max-width: none;
	line-height: 30px;
	border: 1px solid #CCC;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 14px;
    color: #666;
    box-sizing: border-box;
}
.ask-newtag {
	display: inline-block;
	font-size: 14px;
	border: 0;
	color: #666;
	line-height: 22px;
	outline:none;
}
#ask-item,.tag-item {
	position: absolute;
    width: 100%;
    z-index: 1000;
}
.ask-result-area,.tag-item {
    background-color: #FFF;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
}
.ask-result-area p,.tag-item p {
	padding: 10px 10px 12px;
	font-size: 13px;
	color: #888;
}
#ask-suggest-list li {
	padding: 10px;
}
#ask-suggest-list li:hover,.suggest-tag li:hover {
	background-color: #F5F5F5;
}
#ask-suggest-list li span {
	margin-left: 10px;
	font-size: 13px;
	color: #888;
}
.suggest-tag li {
	padding: 5px 10px;
}
.ask-tag{
	display: inline-block;
    margin: 0 10px 5px 0;
    height: 24px;
    line-height: 24px;
    padding: 0px 5px;
    background-color: #E7F2ED;
    font-size: 12px;
    color: #017E66;
    border-radius: 3px;
}
.icon-remove-sign{
	cursor:pointer;
	margin-left:5px;
	width: 12px;
	height: 12px;
}
.create-tag {
    height: 24px;
    line-height: 24px;
    margin-top: 5px;
    font-size: 13px;
    color: #888;
}
.create-tag a {
	padding: 0 5px;
	color: #1CB177;
}
.ask-form .xheLayout {
	width: 100% !important;
}
/* 问答列表 */
.q-text {
	width: 100%;
	max-width: 1000px;
	border: 1px solid #CCC;
	box-sizing: border-box;
	border-radius: 3px;
	padding: 4px 170px 4px 34px ;
	height: 42px;
	font-size: 16px;
}
.pro-button {
	background-color: #F5F5F5;
	border: 1px solid #CCC;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
	color: #333;
	padding: 4px 10px;
}
.a-btn {
	background-color: #1CB177;
	border-color: transparent;
	color: #FFF;
	font-weight: bold;
	position: absolute;
	right: 7px;
	top: 6px;
	cursor: pointer;
}
.question-sort {
	padding: 0 10px 15px;
}
.question-lable a,.question-sort a {
    display: inline-block;
    margin: 10px 10px 5px 0;
    height: 28px;
    line-height: 28px;
    padding: 0px 15px;
    font-size: 14px;
    color: #017E66;
    background-color: #E7F2ED;
    border-radius: 4px;
}
.question-lable a {
	font-size: 12px;
}
.question-sort a.active {
    background-color: #1CB177;
    color: #FFF;
}
.question-menu {
	padding: 0 10px;
	overflow: hidden;
}
.question-tab {
	height: 40px;
	line-height: 40px;
	border-bottom: 2px solid #EEE;
	text-align: center;
}
.question-tab li {
	float: left;
	margin-right: 10px;
}
.question-tab li a {
	display: inline-block;
	padding: 0 10px;
	font-size: 15px;
	color: #333;
}
.question-tab li.active {
	border-bottom: 2px solid #1CB177;
	font-weight: 600;
}
.question-tab li a:hover {
	color: #1CB177;
}
.question-list {
	padding: 10px;
	overflow: hidden;
}
.question-item,.wiki-item {
	padding: 20px 0px;
	border-bottom: 1px solid #E6E6E6;
	overflow: hidden;
}
.ask-user-avatar,.comment-user-avatar {
	float: left;
	position: relative;
	margin: 3px 0;
}
.ask-user-avatar img {
	display: block;
	height: 40px;
    width: 40px;
}
.question-info {
	margin-left: 50px;
}
.question-desc a {
	line-height: 24px;
	font-size: 14px;
	color: #333;
	font-weight: 600;
	cursor: pointer;	
}
.question-info .ar-desc {
	margin-top: 5px;
}
/* 问答内容页*/
.question-head,.fragment-info {
	padding: 20px 10px;
}
.question-head-content {
	padding-bottom: 15px;
	border-bottom: 1px solid #E6E6E6;
}
.question-head-title h1 {
	display: inline-block;
	font-weight: 600;
	font-size: 22px;
	color: #333;
	max-width: 550px;
}
.question-topic-border{
	min-height:90px;
	padding: 20px;
}
.question-topic-info{
	position:absolute;
}
.question-topic-info img{
	position: relative;
	left:0;
	top:0;
	max-width: 80px;
	max-height: 80px;
	border-radius: 5px;
	float: left;
}
.question-topic-info h2{
	float: left;
	margin-left: 20px;
	font-size: 20px;
	color: #333;
}
.question-ask-border{
	width:1140px;
	margin:0 auto;
}
.current-question-sort {
	float: right;
	display: inline-block;
	line-height: 32px;
	font-size: 13px;
}
.current-question-sort a {
	padding: 3px 10px;
	background-color: #1CB177;
	color: #FFF;
	border-radius: 4px;
}
.question-content {
	margin-top: 20px;
	line-height: 24px;
	font-size: 14px;
	color: #333;
}
.question-reply {
	margin-top: 20px;
}
.question-reply-title {
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #E6E6E6;
    padding-bottom: 5px;
}
.question-reply-title h2 {
	font-weight: 600;
	font-size: 16px;
	color: #333;
}
.reply-head {
	font-size: 14px;
	color: #666;
}
.reply-head a {
	display: inline-block;
	color: #333;
	margin-right: 10px;
}
.reply-head span {
	float: right;
	font-size: 12px;
	color: #888;
}
.reply-content {
	margin: 10px 0;
	font-size: 14px;
	color: #666;
	line-height: 22px;
}
.reply-group {
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	color: #666;
}
.reply-group > span a i {
	font-size: 14px;
    color: #999BA2;
}
.reply-group .question-op {
	float: left;
	display: inline-block;
	background-color: #F0f0f0;
	border-radius: 4px;
}
.reply-group .question-op + .question-op {
	margin-left: 10px;
}
.reply-group .question-op a {
	float: left;
	padding: 0px 10px;
	color: #666;
}
.thumbs-up {
	padding-left: 20px;
    background: url("../yimages/thumbs-up.png") no-repeat scroll left center;
}
.thumbs-down {
	padding-left: 20px;
    background: url("../yimages/thumbs-down.png") no-repeat scroll left center;
}
.thumbs-share{
	padding-left: 20px;
    background: url("../yimages/share.png") no-repeat scroll left center;
}
.comment-icon {
	padding-left: 20px;
    background: url("../yimages/comment-icon.png") no-repeat scroll left center;
}
.report-op {
	float: right;
	margin-left: 10px;
}
.comment-content {
	position: relative;
	margin-top: 20px;
	background-color: #F5F5F5;
	padding: 10px 15px;
}
.comment-content-list li {
    padding: 10px 0;
    border-bottom: 1px solid #E6E6E6;
}
.reply-right {
	float: right;
	margin-left: 10px;
}
.comment-mod {
	padding: 0 10px;
}
.comment-mod-head {
	margin-bottom: 20px;
	overflow: hidden;
}
.comment-mod-info {
	margin: 10px 0 0 50px;
}
.comment-mod-info a {
	font-size: 14px;
	color: #333;
}
.comment-desc a {
	color: #1CB177;
	padding-left: 3px;
}
.comment-box-btn {
	margin: 20px 0;
	overflow: hidden;
}
.comment-btn {
	display: inline-block;
	width: 60px;
	line-height: 28px;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	border: none;
    border-radius: 4px;
    background-color: #1CB177;
}
.comment-btn + .comment-btn {
	margin-left: 10px;
}
.cancel-btn-bg {
	background-color: #CCC;
}
.aw-btn {
	width: 120px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
}

/* 话题样式*/
.questions,.topics {
	border: 1px solid #E6E6E6;
	background-color: #FFF;
	overflow: hidden;
}
.question-left,.topic-left {
	float: left;
	width: 778px;
	border-right: 1px solid #E6E6E6;
	min-height: 500px;
}
.question-point{
	text-align:center;
	font-size:16px;
	color: #666;
	margin-top:40px;
}
.question-point a {
	padding: 0 5px;
	color: #1CB177;
}
.question-group,.fragment-group {
	margin-top: 5px;
	font-size: 13px;
	color: #666;
}
.question-group a {
	font-size: 14px;
	color: #333;
}
.question-group a:hover {
	color: #1CB177;
}
.question-group span + span {
	margin-left: 5px;
}
.question-head-detail {
	margin-top: 10px;
}
.question-head-detail span {
    display: inline-block;
    font-size: 13px;
    color: #666;
}
.question-head-detail span + span{
    margin-left: 15px;
}
.question-head-detail span a {
    color: #1cb177;
}
.topic-list {
	padding: 10px 20px;
	overflow: hidden;
}
.comment-user-avatar img {
	width: 28px;
	height: 28px;
}
.question-info-showall {
	text-align: center;;
}
.comment-info {
	margin-left: 40px;
}
.comment-box {
    padding: 15px 0px;
    overflow: hidden;
}
.comment-txt {
	width: 100%;
    height: 60px;
    border: 1px solid #DDD;
    overflow: hidden;
    word-wrap: break-word;
    resize: none;
    padding: 5px 10px;
    line-height: 24px;
    font-size: 13px;
    color: #333;
    box-sizing: border-box;
}
.comment-mod-head p {
	display: inline-block;
	margin-left: 5px;
}
.question-right,.topic-right {
	float: left;
	width: 202px;
	padding: 10px 20px;
	border-left: 1px solid #E6E6E6;
	margin-left: -1px;
}
.topic-right h3 {
	font-weight: normal;
	font-size: 16px;
	color: #333;
}
.ask-lable {
	width: 142px;
	margin: 0 auto 20px;
}
.ask-lable a {
	display: block;
    height: 35px;
	line-height: 35px;
	text-align: center;
	background-color: #1CB177;
	font-size: 14px;
	color: #FFF;
	border-radius: 4px;
}
.ask-icon {
	padding-left: 25px;
    background: url("../yimages/tiwen.png") no-repeat scroll left center;
}
.ask-item { 
	display: table; 
	max-width: 1000px; 
	position:absolute; 
	table-layout: auto;
	width: 100%; 
	border-spacing: 0px; 
	border: 1px solid #CCC;
	border-top: none;
	background-color: #fff;
	z-index: 600;
}
.ask-item li {
	padding: 5px 8px; 
	font-size: 14px;
}
.ask-item li:hover{
	background-color: #F5F5F5;
}
.ask-item a {
	display: block;
}
.ask-item p {
	margin-bottom: 5px;
	font-weight: bold;
}
.ask-item span {
	margin-left: 25px;
}
.ask-suggest-btn {
	display: inline-block;
	width: 60px;
	background-color: #F9F9F9;
	border: 1px solid #DDD;
	color: #333;
	line-height: 20px;
	font-size: 12px;
	margin-left: 10px;
	border-radius: 4px;
}
.p-wrap{
	word-break:break-all;
}
.btn-showmore{
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f8f8f9, #e6e6e8) repeat scroll 0 0;
    border: 1px solid #bbb;
    box-shadow: 0 1px 0 #fff inset, 0 1px 0 rgba(0, 0, 0, 0.1);
    color: #666 !important;
    text-shadow: 0 1px 0 #fff;
	display: block;
    font-size: 13px;
    margin: 20px 0 10px;
    padding: 5px 1px;
    cursor: pointer;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 5px;
}
/* wiki列表样式*/
.wiki-title,.ask-title {
	padding: 0 10px;
	overflow: hidden;
}
.wiki-title h2,.ask-title h2 {
	font-size: 18px;
	color: #900b09;
}
.create-wiki:hover {
	background:#ae4141;
	border: 1px solid #ae4141;
	color:#fff;
}
.create-wiki {
	float:right;
	border:1px solid #ccc;
	padding: 6px 12px;
	border-radius: 4px;
}
.wiki-title h2,.create-wiki{
	display: inline-block;
}
.wiki-list {
    padding: 0px 10px;
    overflow: hidden;
}
.wiki-item {
	padding: 15px 0;
}
.wiki-item h4 a {
	line-height: 30px;
	font-size: 15px;   
	color: #333;
}
.wiki-item-content {
	line-height: 24px;
	color: #666;
}
/* 小组样式 */
.groups-cate {
    height: 40px;
    line-height: 40px;
    background-color: #FFF;
    border-radius: 2px;
    border: 1px solid #E6E6E6;
}
.groups-cate li {
    float: left;
}
.groups-cate li a {
	display: inline-block;
    padding: 0 15px;
    color: #333;
}
.groups-cate li:first-of-type a {
	border-radius: 2px 0px 0px 2px;
}
.groups-cate li a.active,.groups-cate li a.active:hover {
    background-color: #AE4141;
    color: #FFF;
}
.groups-cate li a:hover {
    color: #AE4141;
    text-decoration: none;
}
.groups-list {
	margin-top: 30px;
	overflow: hidden;
}
.groups-list .group-item {
    width: 251px;
	float: left;
	background-color: #FFF;
	border: 1px solid #DDD;
	margin: 0px 16px 20px;
}
.groups-list .group-item:hover {
    border: 1px solid #AAA;
}
.group-type {
	position: absolute;
	background-color: #000;
    opacity: 0.6;             /* Firefox、Chrome */     
    filter:alpha(opacity=60); /* IE8 */
    color: #FFF;
    padding: 3px 5px;
}
.group-img {
	width: 251px;
	height: 251px;
}
.group-detail {
	width: 231px;
	height: 127px;
	padding: 10px;
	overflow: hidden;
}
.group-name {
	width: 100%;
	text-align: center;
}
.group-name a {
	color: #333;
}
.group-desc {
	margin-top: 5px;
	font-size: 14px;
    color: #666;
    text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.group-count {
	font-size: 14px;
	line-height: 24px;
    color: #666;
    margin: 5px 0;
    overflow: hidden;
}
.group-item hr {
	height: 1px;
    border: none;
    border-top: 1px solid #E6E6E6;
    margin-top: 5px;
}
.group-icon {
    padding-left: 25px;
    background: url("../yimages/group-icon.png") no-repeat scroll left center;
}
.group-btn {
	margin-top: 10px;
	display: inline-block;
    padding: 3px 0px;
    width: 60px;
    cursor: pointer;
    border: 0px none;
    font-size: 14px;
}
.group-btn:hover {
	background-color: #900b09;
	color: #FFF;
	text-decoration: none;
}
.creator-name {
	margin-top: 10px;
	overflow: hidden;
}
.creator-name a {
	font-size: 14px;
	color: #333;
}
.creator-name a:hover {
	color: #900b09;
	text-decoration: none;
}
.creator-name span {
	display: block;
	line-height: 30px;
	font-size: 14px;
	color: #666;
}
/** 评论/回复 样式 开始 **/
.comment_replys_show_box{
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	box-sizing: border-box;
}
.comment-published-box{
	margin: 20px;
	overflow: auto;
}
.comment-text-box{
	float:left;
	border: 1px #ddd solid; 
	min-height:36px;
	border-radius:4px;
	padding: 5px;
	max-width: 500px;
	word-break:break-all;
	display: block;
}
.comment-text{
	height: 55px;
	overflow: auto;
	width: 500px;
}
.comment-published-box button {
	float: left;
	margin: 10px 0 10px 20px;
	border-radius: 4px;
}
.comment-order-list{
	
}
.comment-list-box{
	padding: 0 10px;
	clear: both;
}
.comment-list-box li,.reply-list-box li{
	border-bottom: 1px solid #DDD;
    padding: 10px 0;
    overflow: hidden;
}
.comment-avatar-box{
	width: 90px;
	height: 90px;
	padding: 0 10px;
	text-align:center;
	float:left; 
}
.comment-avatar-box img{
	width: 70px;
	height:70px;
	border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 0 3px 3px rgba(193, 191, 192, 0.5);
    overflow: hidden;
    display: block;
}
.comment-info-box{
	float:left; 
	width: 620px;
	margin-top: 5px;
}
.comment-info-box p,.reply-info-box p{
	margin: 10px 0;
	word-break:break-all;
	width: inherit;
}
.comment-tool-box{
	width: 620px; 
	overflow: hidden;  
	margin-left: 110px;
}
.comment-tool-box span,.reply-tool-box span{
	float: left;
	font-size: 13px;
	color: #666;
	padding: 5px 10px 5px 0;
}
.comment-tool-list,.reply-tool-list{
	padding: 5px 10px 5px 0;
	float: right;
	font-size: 13px;
}
.comment-tool-list a,.reply-tool-list a{
	padding: 5px 10px;
	color: #666;
}
.comment-tool-list a:hover,.reply-tool-list a:hover{
	padding: 5px 10px;
	color: #1cb177;
}
.reply-list-box{
	width: 590px;
	border:1px solid #ddd;
	margin-top:30px;
	border-radius: 4px;
	position: inherit;
	padding: 10px;
}
.reply-avatar-box{
	width: 40px;
	height: 40px;
	padding: 0 10px;
	text-align:center;
	float:left; 
}
.reply-avatar-box img{
	display: block;
	width: 40px;
	height:40px;
    box-shadow: 0 3px 3px rgba(193, 191, 192, 0.5);
    overflow: hidden;
}
.reply-info-box{
	float:left; 
	width: 500px;
	margin-left: 10px;
}
.reply-text-box-who{
	width: 500px;
	overflow: auto;
}
.reply-text-box-all{
	width: 500px;
	overflow: auto;
	margin: 10px 0 10px 5px;
}
.reply-tool-box{
	width: 500px; 
	overflow: inherit; 
	clear: both; 
	margin-left: 70px;
}
.reply-text-box{
	float:left;
	border: 1px #ddd solid; 
	min-height:36px;
	border-radius:5px;
	padding: 5px;
	max-width: 400px;
	word-break:break-all;
	display: block;
}
.reply-text{
	height: 36px;overflow: auto;width: 370px;resize: none;border: none;
}
.reply-text-box-all button {
	border-radius: 4px;
}
.reply-list-box li.show-more-list{
	text-align: center;
	display: block;
	border: 1px solid #DDD;
	background-color: #F9F9F9;
	padding: 6px 0;
	color: #333;
	cursor:pointer;
	margin: 20px;
	border-radius: 2px;
}
.comment-list-box li.show-more-list{
	text-align: center;
	display: block;
	border: 1px solid #DDD;
	background-color: #F9F9F9;
	padding: 6px 0;
	color: #333;
	cursor:pointer;
	margin: 20px;
	border-radius: 2px;
}
.bg .search-s{
    background-color: #1cb177;
    border: 1px solid #1cb177;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-left: 10px;
    padding: 5px;
    width: 105px;
}
/** 评论/回复 样式 结束 **/

/** 举报样式  开始  **/
.report-Box{
	width: 100%;
	height: 100%; 
	background-color: #000; 
	position:fixed; 
	top:0px; 
	left:0px;
	background-color: rgba(000,000,000,0.8);
	z-index: 1200;
}
.report-Box-content{
	z-index:1200;
	top:10%;
	width: 500px;
	margin:0px auto;
	background-color: #fff;
	position: relative;
	overflow: hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
}
.report-Box-top{
	padding: 10px 20px;
	background-color: #F3F3F3;
	border-bottom: 1px solid #E5E5E5;
}
.report-Box-title{
	font-size: 16px;
	font-weight: bold;
}
.report-Box-close{
	cursor:pointer;
	float: right; 
	width:20px;
	height:20px;
	font-weight:700;
	text-align: center;
	color: #9e9e9e;
	text-shadow: 0px 1px 0px #FFF;
}
#reportSubmit{
	cursor: pointer;
	float: right; 
	margin: 20px;
	text-align: center;
	padding: 4px 12px;
	background-color: #1CB177;
	border: 1px solid #1CB177;
	color: #FFF;
	border-radius: 3px;
}
.report-Box-content ul {
	margin: 10px 0;
	padding-left: 20px;
}
.radio-box{
	cursor:pointer;
	display: block;
	padding: 10px 0;
}
.radio-text{
	width: 340px;
    height: 21px;
    padding: 6px 8px;
    border: 1px solid #CCC;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	-moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px;            /* W3C syntax */
}
/** 举报样式  结束  **/
/* saas页面 */
.content {
	width: 100%;
	min-width: 1024px;
	background-color: #FFF;
	padding: 30px 0;
	overflow: hidden;
}
.graybg {
	background-color: #F9F9F9;
}
.section {
	width: 1024px;
	margin: 20px auto;
	overflow: hidden;
}
.first-section {
	width: 960px;
	margin: 20px auto 0;
}
.section h2 {
	font-weight: normal;
	font-size: 30px;
	color: #333;
}
.section p {
	line-height: 30px;
	font-size: 18px;
	color: #333;
	margin: 20px 0 40px;
}
.section-content {
    padding: 20px 12px 0;
    overflow: hidden;
}
.section-content2 {
    padding: 0 12px;
    overflow: hidden;
}
.section-box {
	width: 250px;
	float: left;
	margin: 20px 0 40px 0;
	text-align: center;
}
.section-box img {
	display: block;
	width: 45px;
	height: 45px;
	margin: 0 auto 10px;
}
.section-box h4 {
	line-height: 30px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #333;
}
.section-box span {
	display: inline-block;
	max-width: 160px;
	height: 40px;
    font-size: 14px;
    color: #666;
}
.section-box2 {
	width: 450px;
	float: left;
	text-align: center;
	margin: 0 25px;
}
.section-box2 img {
	display: block;
	border: 1px solid #DDD;
    border-radius: 4px;
    margin-bottom: 20px;
}
.section-box2 span {
	display: block;
	width: 450px;
	margin: 10px 0 30px;
	line-height: 30px;
	font-size: 16px;
	color: #666;
}
/* 文章列表、文章页样式  */
.content-wrapper {
	border: 1px solid #E6E6E6;
	background-color: #FFF;
}
.article-page {
	padding: 20px 0;
}
.article-title {
	font-size: 28px;
	color: #333;
	font-weight: 600;
}
.article-group {
	margin-top: 20px;
	height: 30px;
	border-bottom: 1px solid #CCC;
}
.article-page-content {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    padding: 20px 0px;
}
.article-page-content .content {
	min-width: inherit;
}
.article-page-content p {
	position: relative;
	line-height: 24px;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    text-indent: 2em;
    margin: 10px 0;
}
.article-page-content table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 15px 0;
}
.article-page-content table td {
    min-width: 40px;
    height: 30px;
    border: 1px solid #ccc;
    vertical-align: top;
    padding: 2px 4px;
    box-sizing: border-box;
}
.article-page-content img {
	max-width: 90%;
}
.article-operation {
    border-top: 1px solid #E6E6E6;
    padding: 20px 0px;
    margin-top: 20px;
    overflow: hidden;
}
.article-operation .l a {
	display: inline-block;
	border: 1px solid #DDD;
	background-color: #F5F5F5;
	padding: 5px 10px;
	border-radius: 20px;
	margin-right: 15px;
	font-size: 13px;
	color: #666;
}
.article-operation .l a:hover {
	color: #1CB177;
}
.article-operation .r span {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	color: #666;
}
.article-thumbs-up {
	padding: 10px 25px;
    margin-bottom: 20px;
    background-color: #F5F5F5;
    border-left: 4px solid #1cb177;
    box-sizing: border-box;
    box-shadow: 0 0 1px #d9d9d9;
}
.article-thumbs-up .btn-thumbs-up {
	display: inline-block;
    padding: 4px 12px;
    border-color: #1cb177;
    background: #1cb177;
	color: #FFF;
	margin: 10px 15px 10px 0;
	border-radius: 4px;
}
.article-thumbs-up .avatar-list {
    display: inline-block;
    font-size: 15px;
    color: #333;
}
.article-thumbs-up img {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 3px;
    border: 1px solid #d9d9d9;
    vertical-align: middle;
    text-align: center;
	border-radius: 50%;
}
.content-op {
	border-top: 1px solid #CCC;
}
.content-op .l i {
	padding-right: 5px;
	color: #900b09;
}
.side-box-right {
	float: left;
    width: 236px;
    border: 1px solid #E6E6E6;
    background-color: #FFF;
    padding: 0 15px;
}
/* 百度分享样式替换  开始 */
/*.bdshare-button-style2-16::after{
	display:inline-block ! important;
}
.bdshare-button-style2-16 a, .bdshare-button-style2-16 .bds_more {
	background-image: none ! important;
	margin:0px ! important;
	margin-top: 5px ! important;
	padding-left: 0px ! important;
}*/
/* 百度分享样式替换  结束 */
/* 了解详情 开始*/
.product-banner {
	position: relative;
	min-width: 1140px;
	z-index: 1;
}
.product-head {
	width: 100%;
	min-width: 1140px;
	height: 300px;
	background-color: #19B89A;
	text-align: center;
	padding-top: 50px;
}
.product-head h1,.product-head h4 {
	margin: 20px 0;
	font-weight: 400;
    color: #FFF;
    text-shadow: 3px 3px rgba(0, 0, 0, 0.2);
}
.product-head h1 {
	font-size: 50px;
}
.product-head h4 {
	font-size: 30px;
}
.product-head .p-btn {
	display: inline-block;
	padding: 8px 30px;
	background-color: #fffb5b;
	font-size: 16px;
	color: #333;
	box-shadow: 1px 3px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}
.product-menu {
	position: absolute;
	bottom: 0px;
	overflow: hidden;
	width: 100%;
	height: 60px;
	text-align: center;
}
.product-menu-bg {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%;
}
.product-menu ul {
   position: relative;
   width: 1140px;
   margin: 0 auto;
}
.product-menu li {
	float: left;
	font-size: 16px;
}
.product-menu a {
    display: block;
	width: 228px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #FFF;
}
.product-menu a.current {
	background-color: rgba(0, 0, 0, 0.2);
}
.product-menu a:hover {
	background-color: rgba(0, 0, 0, 0.3);
}
.product-title {
	position: relative;
	height: 40px;
    line-height: 40px;
	border-bottom: 2px solid #E6E6E6;
}
.product-title span {
	display: inline-block;
	border-bottom: 2px solid #1CB177;
	font-size: 16px;
	color: #333;
}
.product-list {
	margin: 10px 0;
}
.product-item {
	padding: 20px 0;
}
.product-item span {
	display: inline-block;
	font-size: 15px;
	color: #1CB177;
}
.product-item p {
	margin-top: 10px;
	font-size: 15px;
	color: #333;
}
/* 了解详情 结束*/
/* project_view */
#full-height-container {
	height: 100%;
	width: 100%;
	position: relative;
	background-color: #F5F5F5;
}
#m-splitter {
	min-width: 1024px;
	min-height: 500px;
    /*padding-top: 10px;*/
}
.m-splitter-left {
	float: left;
	width: 270px;
}
.fixed-sidebar {
	z-index: 10;
	bottom: 0px;
}
.splitter-sidebar {
	width: 100%;
	/*background-color: #F5F5F5;*/
}
.sidebar-space-info {
	margin-top: 15px;
	margin-bottom: 10px;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.sidebar-pro-nav {
	margin: 10px 0;
	padding-left: 9px;
	overflow: hidden;
}
.sidebar-nav{
	margin: 0px 10px 7px;
}
.sidebar-pro-wrapper {
	display: table-cell;
	padding: 0px 9px 0px 14px;
	width: 50px;
	min-width: 50px;
}
.sidebar-pro-container {
	display: table;
    table-layout: fixed;
    height: 50px;
    width: 50px;
}
.sidebar-pro-img {
	border-radius: 50%;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #CCC;
}
.sidebar-pro-img img {
	max-width: 48px;
	max-height: 48px;
    border: 0px none;
    margin: auto;
    display: block;
}
.pro-name-container {
	display: table-cell;
    vertical-align: middle;
}
.sidebar-pro-name {
	padding-right: 10px;
	vertical-align: middle;
	-moz-hyphens: auto;
	text-overflow: ellipsis;
	overflow: hidden;
	min-width: 100px;
	max-width: calc(100% - 30px);
}
.sidebar-pro-name a {
	font-size: 14px;
	color: #900b09;
}
.sidebar-pro-name a:hover {
	color: #ff0000;
	text-decoration: none;
}
.page-sidebar-menu > li a i.isdone {
    color: #ED9C28;
}
.sidebar-menu > li a i {
    color: #999BA2;
}
.sidebar-menu a {
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	line-height: 30px;
	padding: 5px 10px;
	font-size: 14px;
	color: #666;
}
.sidebar-menu a:hover {
	background-color: #E9E9E9;
	text-decoration: none;
	color: #333;
}
.sidebar-menu a.active {
	color: #333;
}
.nav-item .icon {
	position: absolute;
	left: 10px;
	top: 7px;
	display: inline-block;
    height: 16px;
    margin-right: 3px;
    vertical-align: middle;
    width: 16px;
}
.nav-item.question .icon,.pro-searchbox .question-icon  {
	background: url("../yimages/question-icon.png") no-repeat scroll 0px 0px;
}
.question-icon {
	position: absolute;
	top: 14px;
	left: 10px;
}
.question-wait{
	position: absolute;
	top: 14px;
	left: 10px;
	background: url("../yimages/question-wait.gif") no-repeat scroll 0px 0px;
}
.nav-item-label {
	margin-left: 5px;
}
.sidebar-tree {
	margin: 8px 10px;
	border-top: 1px solid #ccc;
}
.sidebar-tree .ptree-icon {
	display: none;
}
.sidebar-tree-header {
	display: block;
	position: relative;
	padding: 5px 10px;
	line-height: 20px;
	font-weight: bold;
	font-size: 14px;
	color: #333;
}
.sidebar-tree-content {
	margin-left: 10px;
	padding-top: 10px;
}
.sidebar-tree-content .icon,.pro-searchbox .icon {
	display: inline-block;
	height: 16px;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: text-bottom;
	min-width: 16px;
	text-align: left;
	text-indent: -9999em;
	font-size: 0px;
}
.sidebar-tree-list li,.sidebar-tree-box {
	width: 100%;
	overflow: visible;
	clear: left;
}
.tree-item {
	position: relative;
	float: left;
	width: 15px;
	height: 30px;
}
.sidebar-tree-list .children-list {
	margin-top: -8px;
}
.sidebar-tree-list .icon {
	position: absolute;
	left: 0px;
	top: 50%;
	background-repeat: no-repeat;
	opacity: 0.7;
	background-position: center center;
}
.sidebar-tree-list .icon-tree-opened {
	background-image: url("../yimages/icon-tree-opened.png")
	
}
.sidebar-tree-list .icon-tree-closed {
	background-image: url("../yimages/icon-tree-closed.png")
	
}
.tree-item-title {
	margin-left: 15px;
	width: auto;
	float: none;
}
.sidebar-tree-span {
	display: block;
    float: left;
    padding: 5px;
}
.sidebar-tree-span a {
	white-space: nowrap;
	display: inline-block;
	padding-right: 10px;
	color: #666;
}
.sidebar-tree-span a.current-title {
	font-weight: bold;
	color: #333;
}
.sidebar-tree-box .children-item {
	padding-left: 16px;
}
.sidebar-tree-list .no-children {
	margin-top: -2px;
}
.sidebar-tree-list .no-children.icon {
	height: 4px;
	width: 4px !important;
	left: 6px;
	margin-top: -5px;
	min-width: 0px;
	border-radius: 2px;
	background-color: #999;
}
.space-tools-section {
    position: fixed;
    bottom: 0px;
    border-top: 1px solid #CCC;
    width: 100%;
    background-color: #F5F5F5;
}
.splitter-handle {
    height: 100%;
    position: absolute;
    top: 0px;
    right: -6px;
    width: 11px;
    z-index: 11;
    cursor: col-resize;
}
.splitter-handle-highlight {
    position: absolute;
    top: 0px;
    left: 4px;
    bottom: 0px;
    background-image: url("../yimages/scroll.png");
    background-position: right center;
    background-repeat: no-repeat;
}
#pro-mian {
	width: auto;
	position: relative;
	background-color: #FFF;
	padding:10px 40px 20px;
	min-height: 770px;
	box-sizing: border-box;
	border-bottom: 1px solid #CCC;
}
.pro-base {
	background-color: #FFF;
}
.pro-page-header {
    padding: 25px 0px 5px 20px;
}
.page-header-innder {
	width: 100%;
	max-width: 1000px;
	display: table;
	border-spacing: 0px;
	box-sizing: border-box;
	table-layout: auto;
	position: relative;
}
.tags-box .tags {
    border: 1px solid #CCC;
    border-radius: 3px;
    margin-right: 3px;
    padding: 2px;
}
.pro-navigation {
	float: right;
	position: relative;
}
.pro-m {
	float: left;
	position: relative;
	padding-left: 5px;
}
.pro-m a {
	font-size: 14px;
	color: #900b09;
}
.pro-m a:hover {
	color: #ff0000;
}
.tools-button {
	display: block;
	background-color: transparent;
    border-color: transparent;
    color: #666;
}
.expand-collapse-trigger {
    position: relative;
    float: right;
    background-color: #F5F5F5;
    display: inline-block;
    height: 40px;
    width: 40px;
    background-image: url("../yimages/op.png");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.page-sidebar-menu > li a i {
    color: #999BA2;
}
/* 项目页评论 */
.comments-section {
	margin-top: 10px;
}
.comments-section-title {
	font-size: 18px;
	line-height: 30px;
	color: #333;
}
.top-level {
	margin: 5px 0;
	border-bottom: 1px solid #CCC;
}
.comment-box-c {
    position: relative;
    padding: 10px 0px;
    border-top: 1px solid #CCC;
    overflow: hidden;
}
.comment-threads {
	padding-left: 40px;
}
.comment-user-avatar {
	float: left;
    width: 32px;
    margin-right: 10px;
}
.comment-user-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 2px;
}
.comment-user {
	margin-bottom: 10px;
}
.comment-user a {
	line-height: 20px;
	font-weight: 600;
	color: #666;
}
.comment-user,.comment-body {
	padding-left: 45px;
}
.pro-comment-content {
	margin-top: -5px;
	padding-right: 20px;
}
.pro-comment-content p {
	line-height: 24px;
	font-size: 14px;
	color: #333;
}
.comment-action {
    margin-top: 10px;
    line-height: 20px;
    font-size: 13px;
    color: #666;
    overflow: hidden;
}
.comment-action li {
	float: left;
}
.comment-action li::before {
	content: "•";
	padding: 0 5px;
	color: #666;
}
.comment-action li:first-child::before {
	display: none;
}
.comment-actions li a {
	color: #999;
}
.add-comment {
	margin-top: 10px;
	padding: 10px 0;
}
.write-comment {
	border: 1px solid #CCC;
	border-radius: 3px;
	height: 42px;
	font-size: 13px;
	color: #666;
    padding: 5px 8px;
}
.write-comment span {
    padding: 6px;
}
.comment-sub,.reply-sub {
	margin: 15px 0;
	display: inline-block;
}
.show-more-list {
    display: block;
    color: #333;
    cursor: pointer;
    margin: 20px 0;
}
.reply-content-box {
    float: left;
    border: 1px solid #CCC;
    min-height: 42px;
    border-radius: 3px;
    padding: 5px;
    max-width: 1024px;
    word-break: break-all;
    display: block;
}
.reply-box {
	outline: none;
	height: 42px;
	overflow: auto;
	width: 700px;
	resize: none;
	border: medium none;
	font-size: 14px;
    color: #333;
}
.reply-box:active{
	outline: none;
}
.pro-page-main {
	width: auto;
	padding-left: 20px;
	min-height: 700px;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
}
.page-panel-inner {
	max-width: 1000px;
	border-spacing: 0px;
	display: table;
	table-layout: fixed;
}
.page-panel-content,.page-panel-sidebar {
	box-sizing: border-box;
	vertical-align: top;
	display: table-cell;
}
.page-panel-content {
	width: 650px;
	padding: 20px;
}
.page-panel-sidebar {
	width: 250px;
	padding: 25px 0 20px 30px;
}
/* 话题   */
.topic-item-title {
	font-size: 20px;
    font-weight: normal;
    color: #333;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 10px;
}
.topic-category {
	margin-top: 14px;
	border-bottom: 1px solid #E6E6E6;
	overflow: hidden;
}
.topic-category li {
	float: left;
    margin: 0px 14px 14px 0px;
}
.topic-category li a {
	display: block;
	padding: 3px 5px;
	border: 1px solid #E6E6E6;
	border-radius: 4px;
	color: #666;
}
.topic-category li a.active,.topic-category li a:hover {
	background-color: #1CB177;
	border-color: #1CB177;
	color: #FFF;
}
.topic-box-body {
	float: left;
	width: 40%;
	min-height: 60px;
	border-bottom: 1px solid #F5F5F5;
}
.topic-box {
	position: relative;
	padding: 20px 5px 20px 68px;
}
.topic-box img {
	position: absolute;
	left: 5px;
	top: 20px;
	width: 50px;
	height: 50px;
	border-radius: 4px;
}
.topic-box p + p {
    margin: 10px 0px 0px;
}
.topic-box h2 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 5px;
}
.topic-tag {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 2px 5px;
    background-color: #1CB177;
    font-size: 12px;
    color: #FFF;
    border-radius: 4px;
}
.topic-tag:hover {
	background-color: #008E59;
}
.topic-tag-info {
	font-size: 12px;
	color: #666;
}
.topic-content-title {
	padding: 0 20px;
}

/*和后台一样的头部 样式*/
.btn-group, .btn-group-vertical {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
#cproject-btn-group .btn-default {
    background-color: #57585c;
    border: medium none;
    color: #fff;
    margin-right: 2px;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle-list) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.btn-group > .btn:first-child {
    margin-left: 0;
}
.btn-group > .btn, .btn-group-vertical > .btn {
    float: left;
    position: relative;
}
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.header-center li a.logo-configure {   
    font-size: 20px;
}
.logo-configure.dropdown-toggle-list {
	min-width: auto;
}
.header .navbar-brand {
    float: left;
    height: 50px;
    line-height: 45px;
    margin: 0;
    padding: 0 10px;
}
.bheader .header-logo {
	margin:0;
	height: 50px;
	width: auto;
}
.b-top-info > li {
	height:50px;
	line-height:50px;
	display:inline-block;
}
.b-top-info > li:hover {
    background:#1d1d1d;
}
.main-container table{border-collapse:collapse;}
.main-container table td{border:1px solid #ccc;} 
/* calendar */
#calendar{margin:0; width:208px; z-index:1001; position:absolute; display:block; border:1px solid #B3E4EB; display:none;}
#calendar *{margin:0; padding:0; font-size:12px; line-height:18px}
#calendar .main{margin:auto; padding:2px; text-align:center; background:#ffffff; zoom:1; position:relative;}
#calendar .head{background:#EDF8FF; border:1px solid #BEE9F0}
#calendar .head select{width:60px;}
#calendar .body{margin:2px 0; padding:2px; clear:both; overflow:hidden; border:1px solid #BEE9F0;position:relative;}
#calendar .foot{background:#EDF8FF; border:1px solid #BEE9F0; text-align:right;padding:1px}
#calendar .nodate .head, #calendar .nodate .body{display:none;}
#calendar dl{clear:both; margin:auto; overflow:hidden;}
#calendar dt, #calendar dd, #calendar span{width:26px; height:18px; display:block; float:left; overflow:hidden;zoom:1; border:1px solid #fff;}
#calendar dt{margin-top:4px;font-weight:bold;color:#666666;}
#calendar .days dd{cursor:pointer;}
#calendar .days dd.other{color:#999}
#calendar .days dd.slt{ background:#B3E4EB; border:1px solid #66CCCC;}
#calendar .days dd:hover{ border:1px solid #66CCCC;}
#calendar .days dd.disabled {background:#ccc;}
#calendar .close{width:16px;height:16px; font-size:16px; display:block;cursor:pointer;border:1px solid #CCC;text-align:center; }
#calendar .clearBut, #calendar .okBut { background-color: #CFEBEE; border: 1px solid #38B1B9; color: #08575B; width: 40px; }
#calendar .time{border-collapse:collapse;float:left;background-color:#fff;display:none;}
#calendar .time td{border:1px solid #61CAD0; line-height:16px; vertical-align:center;}
#calendar .time .hh, #calendar .time .mm, #calendar .time .ss{width:18px; height:16px; border: none}
#calendar .time ul {list-style:none}
#calendar .time .up, #calendar .time .down {font-size:8px;height:8px;line-height:100%;border:1px solid #BEE9F0;cursor:pointer;}
#calendar .tm {text-align:center;}
#calendar .tm .hh, #calendar .tm .mm, #calendar .tm .ss{border:1px solid #A3C6C8;position:absolute;left:4px;bottom:34px;background-color:#ffffc0;width:120px;display:none;}
#calendar .hh .hh, #calendar .mm .mm, #calendar .ss .ss{display:block;}
#calendar .tm .hh li, #calendar .tm .mm li, #calendar .tm .ss li{display:block;float:left;cursor:pointer;width:20px;line-height:21px}
#calendar .tm .hh li:hover, #calendar .tm .mm li:hover, #calendar .tm .ss li:hover{ background:#B3E4EB;}
/*.birthday,.realname {
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    padding: 0 5px;
}*/
/* index */
#index-content .slide-main {
	float: left;
	width: 550px;
}
#index-content .obj-x::before,.focus-article-img::before,.focus-article-img2::before {
	background-image: linear-gradient(to bottom, transparent 0%, #333 100%);
    background-repeat: repeat-x;
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
}
.slide-article-title {
	position: absolute;
	left: 0; 
	bottom: 25px;
	display: block;
	text-align: left;
	padding: 20px 40px;
}
.slide-article-title a {
	display: block;
	line-height: 30px;
	font-size: 26px; 
	color: #FFF;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}
#index-content .product-head {
	height: 120px;
    padding-top: 10px;
    background: #19b89a url("../yimages/bg-square.png") no-repeat scroll center top;
}
#index-content .product-head h1 {
	margin: 10px 0px 20px;
	font-size: 22px;
	font-weight: 400;
    color: #FFF;
    text-shadow: none;
}
#index-content .sign-btn {
	background-color: #F5F5F5;
}
.focus-content,.index-item,.article-content {
    margin-bottom: 20px;
    overflow: hidden;
}
.focus-item {
	position: relative;
	float: left;
	width: 245px;
	height: 300px;
	margin-left: 15px;
}
.focus-item2 {
	width: 313px;
}
.focus-box {
	position: relative;
	width: 100%;
	height: 142px;
}
.focus-box2 {
	margin-top: 15px;
}
.focus-article-img img {
	width: 245px;
	height: 142px;
}
.focus-article-img2 img {
	width: 313px;
	height: 300px;
}
.focus-article-title {
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	text-align: left;
	padding: 10px 20px;
}
.focus-item2 .focus-box {
	height: 300px;
}
.focus-article-title a {
	display: block;
	width: 100%;
	line-height: 30px;
	font-size: 16px;
	color: #FFF;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}
.index-item .item-title {
	position: relative;
	margin: 0 auto 30px;
	text-align: center;
	font-weight: 500;
	font-size: 22px;
	color: #333;
}
.index-item .item-title strong {
	padding: 0px 20px;
	background-color: #FFF;
	position: relative;
	z-index: 1;
	font-weight: normal;
}
.index-item .item-title::after {
    content: "";
    position: absolute;
    background-color: #E6E6E6;
    height: 1px;
    left: 0px;
    right: 0px;
    top: 15px;
}
.index-item .handbook-content {
    padding: 0px;
}
.pr-box {
    float: left;
    width: 265px;
    height: 80px;
    background-color: #F5F5F5;
    padding: 10px 0;
    margin: 0 10px 20px;
    text-align: justify;
    border-radius: 3px;
}
.pr-box h4 {
    font-size: 15px;
    margin-bottom: 5px;
}
.fl-box {
	float: left;
	margin-left: 15px;
}
.fr-box {
	float: left;
	margin: 10px 0 0 15px;
}
.pr-box span {
	max-width: 180px;
	line-height: 20px;
}
.c-more {
	text-align: right;
	padding: 0 15px;
}
.c-more a {
	display: inline-block;
	border: 1px solid #999;
	padding: 4px 8px;
	border-radius: 8px;
	font-size: 12px;
	color: #333;
}
.c-more a:hover {
	border: 1px solid #1CB177;
	color: #1CB177;
}
.pm-box {
    float: left;
    display: inline;
    width: 200px;
    margin: 0 14px;
}
.pm-box-title {
    text-align: center;
}
.pm-box-title a {
	line-height: 30px;
    vertical-align: middle;
	font-weight: 600;
	font-size: 18px;
	color: #1CB177;
}
.pm-list {
    padding: 10px 0px;
	overflow: hidden;
}
.pm-list li {
	display: inline-block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    margin: 10px 0px 0px;
    overflow: hidden;
}
.pm-list a {
    float: left;
    width: 110px;
	margin-right: 10px;
	font-size: 14px;
    color: #333;
    word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: url("../yimages/link.png") no-repeat scroll 0px 5px;
	padding-left: 20px;
}
.pm-list a:hover {
	color: #1CB177;
}
.pm-list span {
	float: left;
	font-size: 12px;
	color: #666;
}
.pro-box,.pm-content {
    width: 1140px;
    overflow: hidden;
}
.pro-item {
	float: left;
	width: 178px;
	border: 1px solid #E6E6E6;
	background-color: #F5F5F5;
	border-radius: 3px;
	padding: 20px 10px;
	margin: 0px 14px 20px;
	overflow: hidden;
}
.pro-item-img {
	float: left;
}
.pro-item-img img {
	width: 40px;
	height: 40px;
}
.pro-item-desc {
	margin-left: 50px;
}
.pro-item-desc h4,.hb-infor h4 {
	font-size: 14px;
	color: #333;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 5px;
}
.pro-item-desc h4:hover,.hb-infor h4:hover {
	color: #900b09;
}
.pro-item-desc span,.hb-infor span {
	display: inline-block;
	font-size: 12px;
	color: #666;
	margin-right: 10px;
}
.hb-infor {
	height: 40px;
	padding: 8px 6px;
	font-size: 14px;
}
.links-content {
	border-top: 1px solid #E6E6E6;
	padding: 15px 0;
}
.links-title {
	float: left;
	position: relative;
	width: 80px;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
}
.links-box {
    margin-left: 80px;
    line-height: 30px;
}
.links-box a {
    display: inline-block;
    font-size: 14px;
    color: #666;
    padding: 0px 10px;
}
.links-box a:hover {
	color: #1CB177;
}
.article-left {
	float: left;
	width: 315px;
	position: relative;
}
.hot-item {
	margin-bottom: 20px;
	overflow: hidden;
}
.hot-title {
	margin: 8px 0 20px;
}
.hot-title h3 {
	display: inline-block;
	padding-left: 10px;
	border-left: 6px solid #1CB177;
	font-size: 18px;
	line-height: 18px;
	color: #333;
}
.hot-title a {
	float: right;
	line-height: 22px;
	font-size: 14px;
	color: #1CB177;
}
.hot-recommend-box {
	margin-bottom: 20px;
	overflow: hidden;
}
.hot-recommend-img {
	float: left;
}
.hot-recommend-img img {
	float: left;
	width: 80px;
	height: 80px;
}
.hot-recommend-box .hb-infor {
	float: left;
	margin-left: 10px;
}
.hot-recommend-box .hb-infor span {
	font-size: 13px;
}
.hot-item .hot-tags a {
	float: left;
	position: relative;
	display: block;
	margin: 0 10px 10px 0;
	background-color: #F5F5F5;
	color: #333;
}
.article-left li {
	margin-bottom: 20px;
}
.ar-left-box {
	float: left;
	width: 20px;
	height: 20px;
	margin: 3px 3px 0 0;
}
.ar-left-title {
	display: block;
	line-height: 24px;
	font-size: 14px;
	color: #333;
	font-weight: 600;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.ar-left-desc {
	margin-top: 2px;
}
.article-right {
	float: left;
	width: 745px;
	margin-right: 80px;
}
.article-sort-nav {
	white-space: nowrap;
	overflow-x: auto;
	margin-bottom: 10px;
}
.article-sort-nav li {
	float: left;
	margin-right: 20px;
}
.article-sort-nav li a {
	display:block;
	font-size: 15px;
	color: #333;
	padding: 7px 15px;
	border: 1px solid #CCC;
	border-radius: 15px;
}
.article-sort-nav  a.active,.article-sort-nav a.active:hover {
	background-color: #1CB177;
	border-color: #1CB177;
	color: #FFF;
}
.ar-right-item {
	padding: 18px 0;
	overflow: hidden;
}
.ar-right-item + .ar-right-item {
	border-top: 1px solid #E6E6E6;
}
.ar-right-img,.article-box-img {
	float: left;
	width: 170px;
	height: 114px;
}
.ar-right-img img,.article-box-img img {
	width: 170px;
	height: 114px;
}
.ar-right-box {
	margin-left: 190px;
}
.ar-right-box h4 a {
	font-size: 18px;
	color: #333;
	line-height: 24px;
}
.ar-right-box h4 a:hover {
	color: #1CB177;
}
.ar-right-box p {
	margin-top: 10px;
	font-size: 13px;
	color: #666;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.ar-desc {
	margin-top: 10px;
}
.ar-left-desc a,.ar-left-desc span,.ar-desc a,.ar-desc span,.article-group a, .article-group span {
	display: inline-block;
	font-size: 13px;
	color: #666;
	margin-right: 5px;
}
.ar-left-desc a,.ar-desc a,.article-group a {
	color: #900b09;
}
.ar-desc img {
	width: 25px;
	height: 25px;
	border-radius: 25px;
	padding-right: 5px;
}
.v-line::before {
	content: "| ";
	padding-right: 5px;
}
.get-article-more {
	display: block;
	width: 100%;
	height: 42px;
	line-height: 42px;
	background-color: #F1F1F1;
	text-align: center;
	font-size: 14px;
	color: #666;
}
.get-article-more:hover {
	background-color: #EEE;
}
.article-right a:hover,.hot-item a:hover {
	color: #1CB177;
}
.nav-banner-menu {
    width: 780px;
    height: 42px;
    position: absolute;
    left: 215px;
    top: -42px;
}
.nav-menu-list {
	margin-left: 15px;
}
.nav-menu-list li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 10px 5px;
}
.nav-menu-list li a {
	font-size: 16px;
    color: #333;
}
.nav-menu-list li a:hover {
	color: #1CB177;
}
.icon-space {
    display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 16px;
	background-color: #DDD;
	margin: 0px 8px 0px 16px;
}
.wrap-nav {
	position: absolute;
	top: -50px;
	left: 0;
	z-index: 900;
}
.mod-nav {
	width: 215px;
}
.mod-sort-title {
	width: 215px;
	height: 50px;
	background-color: #08BF91;
}
.mod-sort-title h2 {
	padding: 0px 15px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 400;
}
.mod-sort-title a {
	font-size: 16px;
	color: #FFF;
}
.mod-sort-menu {
	border: 1px solid #1CB177;
	border-top: none;
}
.mod-sort-menu li {
	position: relative;
	width: 213px;
	height: 50px;
	line-height: 50px;
	background-color: #FFF;
	border-bottom: 1px solid #E6E6E6;
	cursor: pointer;
}
.mod-sort-menu li:last-child {
	border-bottom: none;
}
.mod-sort-first h3 {
    display: inline-block;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 400;
}
.mod-sort-first a {
	color: #1CB177;
}
.hd-arr {
	background: url("../yimages/hd_arr.gif") no-repeat scroll 0 0;
	position: absolute;
    display: block;
    width: 6px;
    height: 11px;
    left: 180px;
    top: 20px;
}
.mod-sort-box {
	background-color: #FFF;
    position: absolute;
    top: 50px;
    left: 214px;
    width: 746px;
    min-height: 355px;
    border: 1px solid #00B38A;
    padding-left: 30px;
    display: none;
}
.mod-sort-list {
	width: 720px;
}
.mod-sort-list li {
    padding: 15px 0 12px;
    border-bottom: 1px solid #E6E6E6;
}
.mod-link-second {
	display: inline-block;
    font-weight: 600;
    text-align: left;
    vertical-align: top;
    width: 110px;
}
.mod-link-second a {
	color: #900b09;
}
.mod-link-thrid {
	display: inline-block;
    vertical-align: top;
    width: 605px;
}
.mod-link-thrid a {
    display: inline-block;
    margin: 0 20px 10px 0;
    text-align: left;
    vertical-align: top;
    color: #333;
}
.mod-sort-first a:hover,.mod-link-second a:hover {
	text-decoration: underline;
}
.mod-link-thrid a:hover {
	color: #ff0000;
}
.mod-sort-side{
	z-index:1000;
}
.show-more-infor {
	display: inline-block;
	width: 249px;
	height: 22px;
	margin: 10px 15px;
	background-color: #F0F0F0;
	text-align: center;
	font-size: 13px;
	cursor: pointer;
	border-radius: 2px;
}
.jobs-content-packUp,.jobs-content-openUp{
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right: 5px;
}
.jobs-content-packUp{
	background:url("/statics/img/portlet-expand-icon.png") no-repeat scroll 0px 3px;
}
.jobs-content-openUp{
	background:url("/statics/img/portlet-collapse-icon.png") no-repeat scroll 0px 3px;
}
.show-more-infor:hover {
	background-color: #E5E5E5;
}
#ladder-info-list{
	max-height:130px;
	overflow: hidden;
}
/* 文章页 */
.article-list {
    float: left;
    width: 850px;
    margin-right: 20px;
}
.article-item {
	margin-top: 20px;
	background-color: #FFF;
	border: 1px solid #E6E6E6;
	padding: 0 20px;
}
.article-list .article-box {
	padding: 18px 0;
	overflow: hidden;
}
.article-box + .article-box {
    border-top: 1px solid #EEE;
}
.article-source-box {
	padding: 20px 0;
	overflow: hidden;
}
.s-project-box img {
	display: block;
	width: 58px;
	height: 58px;
	border-radius: 2px;
}
.s-project-desc {
	margin-left: 70px;
}
.s-project-desc h4 {
	font-size: 14px;
	font-weight: 800;
	color: #333;
	line-height: 24px;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.s-project-desc span {
	display: inline-block;
	font-size: 13px;
	color: #666;
	margin-top: 5px;
}
.article-source-item,.hot-article-item,.hot-question,.topic-description {
	margin: 20px 0 10px;
}
.article-source-item h2,.hot-article-item h2,.hot-question h2,.topic-description h2 {
    font-size: 18px;
    color: #1CB177;
    font-weight: 600;
}
.topic-description p{
	margin-top:10px;
	text-indent:2em;
	padding-bottom: 20px;
	color: #666;
}
.hot-article-list,.hot-question-list {
    padding-top: 10px;
}
.hot-article-list li,.hot-question-list li {
    padding: 10px 0px;
    line-height: 26px;
    border-bottom: 1px solid #EEE;
}
.hot-article-list li:last-child,.hot-question-list li:last-child {
    border-bottom: medium none;
}
.hot-article-list li a,.hot-question-list li a {
    font-size: 14px;
    line-height: 24px;
    color: #333;
}
.hot-question-list li span {
	font-size: 13px;
	color: #666;
	margin-left: 8px;
}
.contri-article {
	width: 625px;
	float: left;
	padding: 0px 20px;
}
#cnzz_stat_icon_1258207405 {
	display: none;
}
/* toast */
.toast-title{font-weight:bold}
.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}
.toast-message a,.toast-message label{color:#fff}
.toast-message a:hover{color:#ccc;text-decoration:none}
.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:bold;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}
.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}
button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
.toast-top-full-width{top:0;right:0;width:100%}
.toast-bottom-full-width{bottom:0;right:0;width:100%}
.toast-top-left{top:12px;left:12px}
.toast-top-right{top:12px;right:12px}
.toast-bottom-right{right:12px;bottom:12px}
.toast-bottom-left{bottom:12px;left:12px}
.toast-top-center {top: 12px;margin: 0 auto;left: 50%;margin-left: -150px;}
.toast-bottom-center {bottom: 12px;margin: 0 auto;left: 50%;margin-left: -150px;}
#toast-container{position:fixed;z-index:999999}
#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}
#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}
#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important}
#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important}
#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important}
#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important}
#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}
.toast{background-color:#030303}
.toast-success{background-color:#51a351}
.toast-error{background-color:#bd362f}
.toast-info{background-color:#2f96b4}
.toast-warning{background-color:#f89406}
@media all and (max-width:240px){
  #toast-container>div{padding:8px 8px 8px 50px;width:11em}
  #toast-container .toast-close-button{right:-.2em;top:-.2em}
}
@media all and (min-width:241px)and (max-width:480px){
  #toast-container>div{padding:8px 8px 8px 50px;width:18em}
  #toast-container .toast-close-button{right:-.2em;top:-.2em}
}
@media all and (min-width:481px)and (max-width:768px){
  #toast-container>div{padding:15px 15px 15px 50px;width:25em}
}
/* end */
/**项目页 二级导航 开始**/
#subnav{
	position: fixed;
    height: 30px;
    top: 50px;
    width: 100%;
    z-index: 1000;
    background-color: #FFF;
    border-bottom:1px solid #ccc;
    overflow: hidden;
}
#subnav > .subnav-in {
	line-height: 30px;
}
#subnav > .subnav-in > li{
	float:left;
	margin-left: 20px;
}
#subnav > .subnav-in > li > a:hover{
	color:#3572B0;
}
#subnav a{
	color:#666;
}
/**项目页 二级导航 结束**/

/* archives、sitemap */
.page-header h1 {
	border-bottom: 1px solid #E6E6E6;
	font-size: 28px;
	font-weight: 600;
	color: #1CB177;
	padding-bottom: 10px;
}
.archive-content {
	padding: 10px 20px 0;
}
.archive-content li {
	height: 30px;
	line-height: 30px;
	padding: 10px 0;
	border-bottom: 1px dashed #E6E6E6;
}
.archive-content li:last-child {
	border-bottom: none;
}
.archive-content li h4 {
	font-weight: 500;
	font-size: 14px;
}
.archive-content li a {
	color: #333;
	background: url("../yimages/icon_article.png") no-repeat scroll 0px 2px;
	padding-left: 20px;
}
.sitemap-content {
	margin-top: 20px;
}
.sitemap-item {
	padding: 20px;
	margin-bottom: 20px;
}
.sitemap-item h2 {
	display: inline-block;
	font-size: 18px;
	color: #1CB177;
}
.sitemap-box {
	padding: 10px 0px;
    overflow: hidden;
}
.sitemap-box a {
	margin: 5px 10px 5px 0px;
	display: inline-block;
	padding: 5px;
	color: #333;
	text-decoration: underline;
}
.sitemap-box a:hover {
	color: #1CB177;
}
.sitemap-wrap {
	padding: 20px 0 10px;
	overflow: hidden;
}
.sitemap-wrap + .sitemap-wrap {
	border-top: 1px solid #E6E6E6;
}
.sitemap-wrap h3 {
	display: inline-block;
	font-size: 16px;
	color: #1CB177;
}
.sitemap-wrap .jobs-wrap-item {
	border-bottom: none;
	padding: 10px 0 0;
}
.archive-list span {
	float: right;
	font-size: 13px;
	color: #666;
}
.icon-warning-sign-index{
	background: url("../yimages/icon-warning-sign-index.png") no-repeat 0% 3px;
	padding: 1px 22px 2px 0;
}
#index-content .icon-warning-sign-index{
	background: url("../yimages/icon-warning-sign-index.png") no-repeat 0% 3px;
}
#index-content .login-group>ul>li{
	padding: 0 13px;
	float: left;
	height: 70px;
}
.login-group>ul>li{
	padding: 0 13px;
	float: left;
	height: 50px;
}
.recommended-project {
	box-sizing: border-box;
    margin: 0 auto 30px;
    max-width: 1024px;
    overflow: hidden;
}
.recommended-project h2 {
    font-size: 18px;
    color: #333;
    margin: 20px 0;
}
.recommended-content li {
	float: left;
	display: block;
	margin-right: 20px;
}
.recommended-content h4 {
	font-weight: normal;
	margin: 0 0 5px;
	color: #2A6496;
}
.recommended-content a:hover {
	text-decoration: underline;
}
.rightnav {
  background: url('../images/zhangjie.png');
  width:45px;
  height: 45px;
  cursor: pointer;
  display: none;
}

.rightnav:hover {
  background: url('../images/zhangjie_hv.png');
  
}
/**运营商广告过滤**/
#bd_uuid_rb_111268 {
    display: none !important;
}

input.nickname{
	/*line-height: 30px;
	height: 30px;
	padding:0 5px;*/
}

.quicklogin a {
  background: #fff none repeat scroll 0 0;
  color: #000;
  float: left;
  line-height: 35px;
  margin: 0 1px 1px 0;
  padding: 0 10px;
  text-decoration: none;
}

.quicklogin i {
  background-image: url("https://7nsts.w3cschool.cn/yimages/z_sign.png?v1");
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  margin-right: 0.25em;
  opacity: 0.8;
  vertical-align: middle;
  width: 24px;
}

.iweibo {
  background-position: 0 -225px;
}
.weixin {
	background-position: 0 -275px;
}
.qqicon {
	background-position: 0 -150px;
}
.weixinlogin{
	display: none;
	position: absolute;top:-210px;left:0;background-color:#fff;box-shadow: 2px 2px 2px #ccc;
}
/* ----------------------------------- 页面自适应 ----------------------------------- */
@media (min-width:1200px) {
    .hb-list-content {
    	width: 1127px;
    }
    .new-box {
	    width: 12.28%;
	    min-height: 195px;
    }
}
@media (min-width:1300px) {
    .hb-list-content {
    	width: 1227px;
    }
    .new-box {
	    width: 12.44%;
	    min-height: 209px;
    }
}