body, h1, h2, h3, h4, h5, h6, strong, hr, p, blockquote, dd, dt, dl, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, iframe {
    margin: 0;
    padding: 0;
}
body, button, input, select, textarea {
    font: 12px/1.5 "Microsoft YaHei","微软雅黑",arial,simsun,"宋体";
    -webkit-font-smoothing: antialiased;
}
a {
    outline: medium none;
    text-decoration: none;
}
img {
    border: medium none;
}
ul, ol, li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
em {
    font-style: normal;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.wrap {
    background:#fcfcfc;
    padding-top: 69px;
    width: 100%;
}
.wrapNewBg {
    background:#fcfcfc url("../images/wrapBgNew.jpg") no-repeat center center;
	background-size:cover;
    height: 545px;
    width: 100%;
}
.aboutusBg {
	background:#fcfcfc url("../images/aboutusBg.jpg") no-repeat center center;
	background-size:cover;
    height: 545px;
    width: 100%;
}
.wrapBg {
    background:#ededeb;
    padding-top: 69px;
    width: 100%;
}
.ft {
    float: left;
}
.ftr {
    float: right;
}
.head {
    background:#fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    height: 69px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 6;
}
.header {
    height: 69px;
    margin: 0 auto;
    width: 960px;
}
.header .logo {
    display: block;
    height: 50px;
    margin-top: 10px;
    width: 50px;
}
.header .logo img {
    height: 50px;
    width: 50px;
}
.login{margin-top:17px}
.login, .login img {
    display:inline-block;
	height:36px;
	width:auto;
	font-size:0;
}
.head .nav {
    margin: 13px 0 0 13px;
}
.head .nav li {
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    text-align: center;
    padding:0 18px;
}
.head .nav li a {
    color: #666;
    display: block;
    font-size: 16px;
    height: 40px;
    text-shadow: 2px 2px 2px #fff;
}
.head .nav li a:hover {
    color: #2c89c4;
    transition: color 0.5s ease-in-out 0s;
}
.head .nav li.current a {
    color: #2c89c4;
}

.dp_header{
    min-width: 960px;
    max-width: 1555px;
    padding: 0 30px;
    height: 96px;
    margin: 0 auto 5px;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 6;
    box-sizing: border-box;
    font-family: "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
    -webkit-font-smoothing: antialiased;
}
.dp_header:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid rgba(187, 187, 187, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.dp_header .header {
    height: 96px;
}
.dp_header .logo {
    height: 60px;
    margin-top: 18px;
    margin-bottom: 18px;
    width: 60px;
}
.dp_header .logo img {
    height: 60px;
    width: 60px;
}
.dp_header .nav {
    margin: 0;
    margin-left: 140px;
}
.dp_header .nav li {
    margin-top: 28px;
    margin-bottom: 28px;
    float: left;
}
.dp_header .nav li a {
    position: relative;
    display: block;
    height: 38px;
    line-height: 38px;
    color: #2c2950;
    font-size: 18px;
    padding: 0 27px;
}
.dp_header .nav li.current a:after{
    position: absolute;
    left: 27px;
    bottom: 0;
    content: "";
    height: 0;
    width: 25px;
    border-bottom: 3px solid #0073ec;
}

.myCenter {
    float: right;
    height: 62px;
    line-height: 62px;
    padding-right: 40px;
}
.myCenter a {
    color: #666;
    font-size: 14px;
}
.myCenter .userImg {
    display: block;
    float: left;
    height: 42px;
    margin-top: 8px;
    width: 42px;
}
.myCenter .userImg img {
    border-radius: 42px;
    height: 42px;
    width: 42px;
}
.myCenter .userName {
    padding: 0 20px 30px;
}
.nowPosition {
    margin: 0 0 0 33px;
}
.nowPosition a, .nowPosition span {
    color: #666;
    display: block;
    float: left;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    padding: 0 3px;
}
.nowPosition a:hover {
    color: #2c89c4;
}
.introduce {
    height: 545px;
    margin: 0 auto;
    width: 960px;
	position:relative;
}
.introduce .appDown {
    background: url("../images/mai6.png") no-repeat 20px 116px;
}
.appDown{padding-top: 276px; padding-left:20px;}
.appDown a {
    display: block;
    font-size: 0;
    text-align: center;
    width: 188px;
	float:left;
	height:64px;
	margin-right:10px;
}
.videos{
	width:967px;
	height:168px;
	position:absolute;
	left:-10px;
	bottom:-50px;
	padding:9px 0 0 9px;
	background:#fcfcfc;
}
.videos li{float:left; width:315px;height:160px; margin-right:7px;}
.videos .ewm{margin-right:0;}
.video1, .video2 {cursor:pointer;}
.videoBox{
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	width:100%;
	height:100%;
	background:#ffffff;
	color:#333333;
}
.videoBox .closeVideo{
	cursor:pointer;
	display:block; 
	font-size:24px; 
	height:50px; 
	left:50%;
	line-height:50px; 
	margin-left:466px;
	margin-top:-309px;
	position:absolute;
	text-align:center;
	top:50%;
	width:50px; 
}
.videoBox video{height:550px;left:50%;margin-left:-480px;margin-top:-275px;position:absolute;top:50%;width:960px;}
.aboutMai {
    color: #666;
    padding-top: 60px;
}
.aboutMai h2 {
    padding-bottom: 10px;
}
.aboutMai p {
    font-size: 16px;
    line-height: 170%;
}
.Contactus {
    color: #666;
    padding-top: 40px;
}
.Contactus h2 {
    padding-bottom: 9px;
}
.Contactus p {
    font-size: 16px;
    padding-bottom: 10px;
}
.inmaimai{width:100%; background:#fcfcfc; min-height:201px; padding-top:42px;}
.inmaimai img{display:block; width:172px; height:201px; margin:0 auto;}
.inmaimai .temp_banner {
    width: 976px;
    height: auto;
    margin: 9px auto 0;
}
.settle {
    background:#008be6;
    width: 100%;
}
.settleList {
    margin: 0 auto;
    width: 960px;
	padding:50px 0;
}
.settleOne, .settleTwo {
    padding: 15px 0 10px;
    width: 795px;
    margin:0 auto;
}
.settleOne{margin-bottom:35px;}
.settleOne dt {
    float: left;
    height: 316px;
    width: 403px;
}
.settleOne dd {
    float: right;
    height: 316px;
    width: 388px;
}
.settleTwo dt {
    float: left;
    height: 298px;
    width: 403px;
}
.settleTwo dd {
    float: right;
    height: 298px;
    width: 388px;
}
.articlesWrap{
	border:1px solid #eaeaea;
	background:#ffffff;
	padding:60px 0;
}
.articles{
	width:914px;
	margin:0 auto;
}
.articlePC, .topicPC {width:385px;}
.articlePC{
	float:left;
}
.topicPC{
	float:right;
}
.articleList{color:#3c3c3c;line-height:26px;padding:18px 0;}
.articleList dt img{
	display:inline-block;
	margin-bottom:5px;
}
.articleList dt{
	font-size:18px;
	text-align:center;
	padding-bottom:18px;
	border-bottom:1px solid #eaeaea;
}
.articleList dt p{
	padding:3px 0;
}
.articleList dd{
	font-size:16px;
	padding:0 4px;
	max-width:100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-top:22px;
}
.articleList dd a{display:block; color:#3c3c3c;}
.articleList dd a:hover{
	color:#000000;
}
.articleList dd span{
	display:inline-block;
	min-width:50px;
	height:26px;
	text-align:center;
	font-size:14px;
	color:#ffffff;
	background:#bbe4ff;
	border-radius:3px;
	margin-right:16px;
}
.moreArticle{
	display:block;
	color:#008be6;
	font-size:16px;
	margin-left:70px;
}
.footer {
    background:#fcfcfc;
    border-top: 1px solid #f3f3f3;
    color: #b1b1b1;
    font-size: 16px;
    height: 204px;
    width: 100%;
}
.foot {
    margin: 0 auto;
    width: 940px;
	height:204px;
    text-align: center;
}
.foot .footerL, .foot .footerC, .foot .footerR {
    width: 33.33%;
    float: left;
    height: 204px;
}
.foot .footerL p, .foot .footerC p, .foot .footerR p {
    line-height: 204px;
}
.foot p a {
    color: #b1b1b1;
}
.foot .contactUsIcon, .foot .aboutUsIcon, .foot .joinUsIcon {
    display: inline-block;
    min-height: 60px;
    padding-left: 70px;
}
.foot .contactUsIcon{background:url(../images/customPhone.png) no-repeat left center; }
.foot .aboutUsIcon{background:url(../images/about.png) no-repeat left center;}
.foot .joinUsIcon{background:url(../images/joinus.png) no-repeat left center;}
.matter {
    margin: 0 auto;
    width: 968px;
}
.headCard{
	position:relative;
	background:#fff; 
	margin:0 40px 20px; 
	border:1px solid #d0d4d6; 
	box-shadow:4px 4px 0px #dcdcdc;
	padding:10px 0;
}
.headinfor {
    margin: 20px auto 0;
    width: 580px;
}
.headinfor dt {
    float: left;
    height: 110px;
    width: 110px;
}
.headinfor dt img {
    height: 110px;
    width: 110px;
}
.headinfor .tit {
    color: #000;
    font-size: 26px;
	line-height:50px;
	margin-bottom:8px;
}
.tit .addv{height:18px; vertical-align:middle;}
.headinfor dd {
    color: #999;
    float: left;
    font-size: 16px;
    margin-left: 30px;
    width: 436px;
}
.connectWay {padding:0 0 15px;position:relative;}
.connectWay dt{width:70px; height:70px;float:none;margin-top:0;}
.connectWay dt img{width:70px; height:70px;}
.connectWay dd{float:none; margin:4px 0 0 0;}
.connectWay dd em{color:#008be6;}
.headinfor .companyLogo{position:absolute; right:0; bottom:15px;}
.headCard .relation{position:absolute; right:0; top:0; min-width:50px; font-size:0; }
.headCard .relation a{display:block; color:#008be6; font-size:12px; padding:10px;}
.headCard .relation a:hover{text-decoration:underline;}
.friends {
    cursor: pointer;
    margin: 0 auto;
    width: 660px;
}
.friends h2 {
    color: #999;
    font-size: 22px;
    font-weight: normal;
    padding: 24px 0 20px;
}
.pepTips {
    color: #999;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    margin-top: 40px;
    text-indent: 34px;
    width: auto;
	background:#f6f6f6;
}
.commonFrd {
    background:#ececec url("../images/arrow.png") no-repeat 522px center;
    border: 2px solid #c0c5c6;
    font-size: 24px;
    height: 66px;
    line-height: 66px;
    margin-top: 27px;
    text-indent: 10px;
    width: 550px;
}
.commonFrd label {
    color: #000;
    float: left;
    text-align: right;
    width: 120px;
}
.commonFrd p {
    color: #1f9bf6;
    float: left;
    text-align: right;
    width: 400px;
}
.jobInforList {
    margin: 7px auto 0;
    width: 644px;
}
.jobInforList li {
    background:#fff;
    font-size: 16px;
    padding: 12px 9px;
    text-align: right;
    vertical-align: middle;
	border-bottom: 1px solid #eee;
}
.jobInforList li.tag {
    display: table;
}
.jobInforList li.tag label {
    display: table-cell;
    float: left;
    vertical-align: middle;
}
.jobInforList li.last {
    border-bottom: none;
}
.jobInforList li label {
    float: left;
    text-align: left;
    width: 120px;
}
.jobInforList li p {
    color: #999;
    float: right;
    width: 380px;
}
.sellList li {
    padding-left: 80px;
    text-align: left;
    width: 470px;
}
.sellList li.best {
    background: url("../images/sell1.png") no-repeat 15px center;
}
.sellList li.general {
    background: url("../images/sell2.png") no-repeat 15px center;
}
.describe {
    margin: 27px auto 0;
    width: 660px;
}
.describe p {
    color: #999;
    font-size: 14px;
    padding: 10px;
    width: 530px;
    word-break: break-all;
}
.contactBtn {
    margin: 20px 0 0 34px;
    width: 554px;
}
.contactBtn a {
    border-radius: 5px;
    color: #fff;
    display: block;
    float: left;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 266px;
}
.contactBtn a.email {
    background:#1f9bf6;
    font-size: 24px;
}
.contactBtn a.meaasge {
    background:#1f9bf6;
    float: right;
    font-size: 24px;
}
.jobContact {
    margin: 20px 0 0 34px;
    width: 554px;
}
.jobContact a {
    border-radius: 5px;
    color: #fff;
    display: block;
    float: left;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 266px;
}
.jobContact a.noThink {
    background:#c0c0c0;
    font-size: 24px;
}
.jobContact a.yesThink {
    background:#1f9bf6;
    float: right;
    font-size: 24px;
}
.resumes {
    background:#fff;
    height: 232px;
    margin-top: 16px;
    overflow: hidden;
    width: 570px;
}
.resumetxt {
    font-size: 24px;
    height: 30px;
    line-height: 30px;
    padding-top: 30px;
    text-indent: 50px;
}
.resume {
    color: #008be6;
    font-size: 24px;
    padding: 10px 0 20px;
    text-indent: 50px;
}
.sendEmails {
    background:#008be6;
    color: #fff;
    display: block;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    text-align: center;
    width: 80%;
}
.content {
    background:#fff;
    height: auto !important;
    margin: 79px 0 50px 6px;
    min-height: 800px;
    padding-bottom: 40px;
    width: 726px;
}
.wrapBg .content {
    margin: 0 0 50px 6px;
	padding-top:36px;
}
.inforList {
    height: 140px;
    margin-top: -24px;
    padding-left: 44px;
}
.inforList dt {
    float: left;
    height: 140px;
    width: 140px;
}
.inforList dt img {
    height: 140px;
    width: 140px;
}
.inforList dd {
    color: #999;
    float: left;
    font-size: 16px;
    padding-left: 20px;
    width: 495px;
}
.inforList dd.inforTit {
    height: 60px;
    line-height: 60px;
    padding-top: 26px;
}
.inforList dd.inforTit strong {
    color: #000;
    font-size: 30px;
    font-weight: normal;
    padding-right: 10px;
}
.inforList dd.inforTit em {
    color: #e84437;
}
.inforList dd.inforEdu {
    height: 34px;
    line-height: 34px;
}
.magTips {
    background: url("../images/message.png") no-repeat left top;
    color: #fff;
    font-size: 20px;
    height: 50px;
    left: 0;
    line-height: 9999px;
    overflow: hidden;
    position: absolute;
    top: 304px;
    width: 298px;
}
.dialog {
    margin-top: 100px;
}
.dialog .dialogDl {
    border-bottom: 1px solid #dddddd;
    margin: 0 auto;
    padding: 30px 0;
    width: 676px;
}
.dialogDl .dialogImg {
    float: left;
    height: 84px;
    position: relative;
    width: 108px;
}
.dialogDl .dialogImg a {
    display: block;
    float: right;
    height: 83px;
    position: relative;
    width: 83px;
}
.dialogDl .dialogImg .circleBg {
    background: url("../images/circle.png") no-repeat left top;
    height: 83px;
    left: 0;
    position: absolute;
    top: 0;
    width: 83px;
}
.dialogDl .dialogImg a img {
    border-radius: 83px;
    height: 83px;
    width: 83px;
}
.dialogDl .dialogImg .dotNews {
    background: url("../images/news.png") no-repeat left top;
    display: block;
    height: 17px;
    left: 0;
    position: absolute;
    top: 32px;
    width: 17px;
}
.dialogDl dd {
    float: left;
    padding-right: 95px;
}
.dialogDl .dialogEdu, .dialogDl .dialogName {
    color: #999;
    font-size: 16px;
    padding-left: 24px;
    width: 440px;
}
.dialogDl .dialogName strong {
    color: #000;
    font-size: 22px;
    font-weight: normal;
    padding-right: 24px;
}
.dialogDl .dialogName em {
    color: #e84437;
}
.dialogDl .dialogEdu {
    height: 40px;
    line-height: 40px;
}
.dialogDl .message {
    margin-top: 5px;
    position: relative;
}
.messageL {
    background: url("../images/dialogleft.png") no-repeat left 20px;
    float: left;
    height: 40px;
    width: 13px;
}
.messageC {
    background:#1f9bf6;
    color: #fff;
    float: left;
    font-size: 20px;
    max-width: 420px;
    padding: 20px;
    position: relative;
}
.messageC p {
    word-break: break-all;
}
.messageC em {
    display: block;
    height: 9px;
    position: absolute;
    width: 14px;
}
.messageC em.mlt {
    background: url("../images/mlt.png") no-repeat left top;
    left: 0;
    top: 0;
}
.messageC em.mlb {
    background: url("../images/mlb.png") no-repeat left top;
    bottom: 0;
    left: 0;
}
.messageC em.mrt {
    background: url("../images/mrt.png") no-repeat left top;
    right: 0;
    top: 0;
}
.messageC em.mrb {
    background: url("../images/mrb.png") no-repeat left top;
    bottom: 0;
    right: 0;
}
.messageR {
    background:#939395;
    bottom: 0;
    color: #fff;
    padding: 5px 12px;
    position: absolute;
    right: 0;
}
.messageR em {
    display: block;
    height: 14px;
    position: absolute;
    width: 12px;
}
.messageR em.mlt {
    background: url("../images/timelt.png") no-repeat left top;
    left: 0;
    top: 0;
}
.messageR em.mlb {
    background: url("../images/timelb.png") no-repeat left top;
    bottom: 0;
    left: 0;
}
.messageR em.mrt {
    background: url("../images/timert.png") no-repeat left top;
    right: 0;
    top: 0;
}
.messageR em.mrb {
    background: url("../images/timerb.png") no-repeat left top;
    bottom: 0;
    right: 0;
}
.Pmessage {
    color: #999;
    display: block;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 640px;
}
.rightSide {
    margin-top: 79px;
    min-height: 800px;
    width: 236px;
}
.wrapBg .rightSide {
    margin-top: 0;
}
.rightSide .logo {
    height: 120px;
    margin: 60px auto 0;
    width: 120px;
}
.rightSide .intro {
    color: #666;
    font-size: 14px;
    height: 200px;
    line-height: 190%;
    margin: 29px auto 0;
    overflow: hidden;
    width: 180px;
}
.wrapBg .rightSide .intro {
    height: auto;
    width: 200px;
}
.wrapBg .rightSide .intro p {
    color: #666;
}
.wrapBg .rightSide .intro img {
    display: block;
    height: 150px;
    margin: 13px auto 0;
    width: 150px;
}
.rightSide .introMore {
    text-indent: 20px;
}
.rightSide .down {
    margin: 164px auto 0;
    width: 194px;
}
.rightSide .down a {
    color: #008be6;
    display: block;
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    text-indent: 30px;
    width: 194px;
}
.rightSide .down a.downI {
    background:#fff url("../images/apple2.png") no-repeat 16% center;
	background-size:25px 28px;
}
.rightSide .down a.downA {
    background:#fff url("../images/google2.png") no-repeat 16% center;
	background-size:25px 28px;
    margin-top: 5px;
}
.wFloat {
    display: none;
    left: 150px;
    overflow: hidden;
    position: fixed;
    top: 500px;
    width: 590px;
    z-index: 99;
}
.graybackground {
    background: #000000;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: fixed;
    top: 0;
	z-index:4;
    width: 100%;
}
.wFloat .down {
    background:#fff;
    height: 332px;
    margin-top: 16px;
    overflow: hidden;
    width: 570px;
}
.wFloat .down p {
    color: #000;
    font-size: 16px;
    margin-top: 58px;
    text-align: center;
}
.wFloat .down p em {
    color: #01a1ff;
}
.wFloat .down a {
    color: #fff;
    display: block;
    font-size: 20px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
    text-align: center;
    text-indent: 30px;
    width: 246px;
}
.wFloat .down a.downI {
    background:#333333 url("../images/apple.png") no-repeat 22px center;
    margin-top: 38px;
}
.wFloat .down a.downI:hover {
    background:#423e3e url("../images/apple.png") no-repeat 22px center;
}
.wFloat .down a.downA {
    background:#1f9bf6 url("../images/google.png") no-repeat 22px center;
    margin-top: 10px;
}
.wFloat .down a.downA:hover {
    background:#17a9ff url("../images/google.png") no-repeat 22px center;
}
.wFloat .close {
    background: url("../images/close.png") no-repeat left top;
    display: block;
    height: 68px;
    line-height: 99999px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 68px;
}
.inforList dt, .inforTit strong, .dialogName strong {
    cursor: pointer;
}
.wFloat .contactMe {
    background: none repeat scroll 0 0 #fff;
    height: 390px;
    margin-top: 16px;
    overflow: hidden;
    width: 570px;
}
.wFloat .contactMe p {
    font-size: 22px;
    height: 42px;
    line-height: 42px;
    margin-bottom: 15px;
    padding-left: 55px;
}
.wFloat .contactMe p.reminder {
    padding-top: 35px;
}
.wFloat .contactMe p.sendEmail {
    background: url("../images/email.png") no-repeat 55px center;
    font-size: 18px;
    padding-left: 110px;
}
.wFloat .contactMe p.sendEmail span {
    color: #01a1ff;
}
.wFloat .contactMe p.leaveContact {
    background: url("../images/phoneIcon.png") no-repeat 55px center;
    font-size: 18px;
    padding-left: 110px;
}
.inputList {
    color: #999;
    font-size: 18px;
    padding-left: 110px;
    text-indent: 20px;
}
.inputList a {
    color: #999;
}
.inputList .selectList {
    background:#e1e4e4 url("../images/arrowBottom.png") no-repeat 100px center;
    border: 2px solid #c0c5c6;
    cursor: pointer;
    float: left;
    height: 48px;
    line-height: 48px;
    position: relative;
    width: 132px;
}
.inputList .selectList .dropDown {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #c0c5c6;
    display: none;
    left: -2px;
    position: absolute;
    top: 48px;
    width: 132px;
}
.inputList .selectList .dropDown li {
    height: 33px;
    line-height: 33px;
}
.inputList .selectList .dropDown li a {
    display: block;
    height: 29px;
    margin: 2px auto 0;
    width: 128px;
}
.inputList .selectList .dropDown li a:hover {
    background:#e1e4e4;
}
.contactWay {
    border: 2px solid #c0c5c6;
    float: left;
    font-size: 18px;
    height: 48px;
    margin-left: 6px;
    text-indent: 4px;
    width: 200px;
}
.wFloat .contactMe p.warn {
    color: #ee382a;
    float: left;
    font-size: 12px;
    height: 46px;
    line-height: 46px;
    margin-bottom: 0;
    padding-left: 0;
    text-align: left;
    width: 100px;
}
.floatToot {
    background:#f3f3f1;
    height: 96px;
    margin-top: 35px;
    overflow: hidden;
}
.floatToot a {
    background:#1f9bf6;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    margin: 18px auto 0;
    text-align: center;
    width: 146px;
}
.floatToot a:hover {
    background:#005fa5;
}
.tips {
    background:#fff url("../images/Succeed.png") no-repeat 20px center;
    border: 1px solid #a0a0a0;
    border-radius: 10px;
    box-shadow: 0 0 10px #777;
    font-size: 14px;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
    padding: 13px 0 13px 70px;
    position: absolute;
    width: 105px;
    z-index: 99999;
}
.gossipInfor {
    margin: 0 auto;
    width: 660px;
	border-bottom: 1px solid #f0f0f0;
    padding: 24px 16px 22px;
}
.gossipHt {
    color: #999;
    height: 50px;
    line-height: 50px;
}
.gossipHt p {
    color: #999;
    float: left;
    font-size: 18px;
    width: 50%;
}
.gossipHt span {
    display: block;
    float: right;
    font-size: 16px;
}
.gossipCt p {
    color: #333;
    font-size: 14px;
    /* padding-bottom: 20px; */
}
.gossipCt img {
    display: block;
    margin: 13px auto 0;
    max-width: 440px;
}
.gossipCt .emoji {
    display: inline-block;
}
.gossipCt .twoCols, .gossipCt .threeCols {
    margin: 0 auto;
    width: 520px;
}
.gossipCt .twoCols li {
    width: 260px;
}
.gossipCt .threeCols li {
    width: 173px;
}
.gossipCt .twoCols li, .gossipCt .threeCols li {
    box-sizing: border-box;
    float: left;
    padding: 0 6px 6px 0;
}
.gossipCt .twoCols img, .gossipCt .threeCols img {
    margin: 0;
}
.gossipCt .twoCols img {
    height: 254px;
    width: 254px;
}
.gossipCt .threeCols img {
    height: 167px;
    width: 167px;
}
.gossipFun {
    padding: 20px 0;
}
.gossipFun li {
    border: 1px solid #c3c8c8;
    float: left;
    height: 64px;
    margin-right: 4px;
    width: 199px;
}
.gossipFun li a {
    background:#f6f6f6 url("../images/mobileDb2.png") no-repeat left top;
    color: #686f78;
    display: block;
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    text-indent: 105px;
    width: 199px;
}
.gossipFun li.share {
    margin-right: 0;
}
.gossipFun li a:hover {
    background:#e4e4e4 url("../images/mobileDb2.png") no-repeat left top;
}
.gossipFun li.yes a, .gossipFun li.yes a:hover {
    background-position: 60px 15px;
}
.gossipFun li.yesNum a, .gossipFun li.yesNum a:hover {
    background-position: 60px -85px;
}
.gossipFun li.share a, .gossipFun li.share a:hover {
    background-position: 60px -135px;
}
.referral {
    background:#1f9bf6;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    margin-top: 15px;
    text-align: center;
}
.baguaColor {
    color: #666;
}
.baguaColor span {
    color: #999;
}
.discuz {
    color: #999;
    font-size: 16px;
}
.discuz li {
    border-bottom: 1px solid #d2d5d6;
    padding: 8px 0;
}
.discuzList dt {
    float: left;
    height: 60px;
    width: 60px;
}
.discuzList dd {
    padding-top: 4px;
    position: relative;
    width: 540px;
    margin-left: 74px;
    word-wrap:break-word;
}
.discuzList dd em {
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
}
.wFloat {
    display: none;
    left: 150px;
    overflow: hidden;
    position: fixed;
    top: 500px;
    width: 590px;
    z-index: 99;
}
.wFloat .down {
    background:#fff;
    height: 332px;
    margin-top: 16px;
    overflow: hidden;
    width: 570px;
}
.wFloat .down p {
    color: #000;
    font-size: 24px;
    margin-top: 58px;
    text-align: center;
}
.wFloat .down p em {
    color: #01a1ff;
}
.wFloat .down a {
    color: #fff;
    display: block;
    font-size: 20px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
    text-align: center;
    text-indent: 30px;
    width: 80%;
}
.wFloat .down a.downI {
    background:#008be6 url("../images/apple.png") no-repeat 22px center;
    margin-top: 38px;
}
.wFloat .down a.downI:hover {
    background:#008be6 url("../images/apple.png") no-repeat 22px center;
}
.wFloat .down a.downA {
    background:#008be6 url("../images/google.png") no-repeat 22px center;
    margin-top: 10px;
}
.wFloat .down a.downA:hover {
    background:#008be6 url("../images/google.png") no-repeat 22px center ;
}
.wFloat .close {
    background: url("../images/close.png") no-repeat left top;
    display: block;
    height: 68px;
    line-height: 99999px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 68px;
}
.inforList dt, .inforTit strong, .dialogName strong {
    cursor: pointer;
}
.wFloat .contactMe {
    background:#fff;
    height: 390px;
    margin-top: 16px;
    overflow: hidden;
    width: 570px;
}
.wFloat .contactMe p {
    font-size: 22px;
    height: 42px;
    line-height: 42px;
    margin-bottom: 15px;
    padding-left: 55px;
}
.wFloat .contactMe p.reminder {
    padding-top: 35px;
}
.wFloat .contactMe p.sendEmail {
    background: url("../images/email.png") no-repeat 55px center;
    font-size: 18px;
    padding-left: 110px;
}
.wFloat .contactMe p.sendEmail span {
    color: #008be6;
}
.wFloat .contactMe p.leaveContact {
    background: url("../images/phoneIcon.png") no-repeat 55px center;
    font-size: 18px;
    padding-left: 110px;
}
.inputList {
    color: #999;
    font-size: 18px;
    padding-left: 110px;
    text-indent: 20px;
}
.inputList a {
    color: #999;
}
.inputList .selectList {
    background:#e1e4e4 url("../images/arrowBottom.png") no-repeat 100px center;
    border: 2px solid #c0c5c6;
    cursor: pointer;
    float: left;
    height: 48px;
    line-height: 48px;
    position: relative;
    width: 132px;
}
.inputList .selectList .dropDown {
    background:#fff;
    border: 2px solid #c0c5c6;
    display: none;
    left: -2px;
    position: absolute;
    top: 48px;
    width: 132px;
}
.inputList .selectList .dropDown li {
    height: 33px;
    line-height: 33px;
}
.inputList .selectList .dropDown li a {
    display: block;
    height: 29px;
    margin: 2px auto 0;
    width: 128px;
}
.inputList .selectList .dropDown li a:hover {
    background:#e1e4e4;
}
.contactWay {
    border: 2px solid #c0c5c6;
    float: left;
    font-size: 18px;
    height: 48px;
    margin-left: 6px;
    text-indent: 4px;
    width: 200px;
}
.wFloat .contactMe p.warn {
    color: #ee382a;
    float: left;
    font-size: 12px;
    height: 46px;
    line-height: 46px;
    margin-bottom: 0;
    padding-left: 0;
    text-align: left;
    width: 100px;
}
.floatToot {
    background:#f3f3f1;
    height: 96px;
    margin-top: 35px;
    overflow: hidden;
}
.floatToot a {
    background:#008be6;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    margin: 18px auto 0;
    text-align: center;
    width: 80%;
}
.floatToot a:hover {
    background:#005fa5;
}
.tips {
    background:#fff url("../images/Succeed.png") no-repeat 20px center;
    border: 1px solid #a0a0a0;
    border-radius: 10px;
    box-shadow: 0 0 10px #777;
    font-size: 14px;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
    padding: 13px 0 13px 70px;
    position: absolute;
    width: 105px;
    z-index: 99999;
}

.jobInfor .tags {
    margin: 0 0 0 50px;
	width:580px;
	padding:7px 0 0;
	max-height:161px;
	overflow:hidden;
}
.jobInfor .tags li {
    background:#008be6;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 6px 6px 0 0;
	height:34px;
	line-height:34px;
	float:left;
}
.jobInfor .tags .orangeTag{
	background:#ffa200;
}
.jobInfor .tags li span{padding:0 12px;}
.jobInfor .tags li i{
	float:right;
	top:0;
	right:0;
	display:block;
	padding:0 6px;
	min-width:22px;
	text-align:center;
	font-style:normal;
	background:#4daeee;
	height:34px;
	line-height:34px;
}
.jobInfor .tags .orangeTag i{background:#ffbe4d;}
.jobInfor{position:relative;}
.moreTag{
	display:block;
	padding:3px;
	position:absolute;
	right:60px;
	bottom:-3px;
	color:#008be6;
	width:30px;
	font-size:14px;
	text-align:center;
	display:none;
}
.moreTag img{width:20px; height:5px;}
.contactList li label {
    width: 410px;
}
.contactList li p {
    color: #999;
    width: 200px;
}
.contactList li .jobDetail {
    clear: both;
    color: #999;
    font-size: 14px;
    text-align: left;
}
.contactList li .jobDescr {
    margin-top: 8px;
}
.contactList li p a {
    color: #1f9bf6;
}
.jobInforList li .ability {
    color: #008be6;
}
.jobInforList li .praise {
    color: #aaa;
}
.discussList {
    background:#eee;
    clear: both;
    overflow: hidden;
    padding: 6px 0;
    width: 420px;
}
.discussList li {
    background:#eee;
    border: 0 none;
    color: #666;
    padding: 6px 0 0 15px;
    text-indent: 0;
    width: 400px;
}
.discussList li span {
    color: #4c7dce;
}
.discussBg {
    background:#fff url("../images/discuzArrow.png") no-repeat 40px bottom;
    height: 19px;
    width: 120px;
}
.jobInforList .abilityBg {
    background: url("../images/favour.png") no-repeat 15px 25px;
}
.jobInforList .praiseBg {
    background: url("../images/diffuse.png") no-repeat 15px 20px;
}
.jobInforList .discussion {
    background: url("../images/discuss.png") no-repeat 15px 25px;
}
.sellList li.heartenList {
    padding: 0;
    width: 550px;
}
.hearten a {
    border-right: 2px solid #eee;
    color: #686f78;
    display: block;
    float: left;
    height: 60px;
    line-height: 60px;
    text-indent: 100px;
    width: 180px;
}
.hearten a p {
    background: url("../images/border2.png") no-repeat right top;
	background-size:1px 30px;
    position: absolute;
}
.hearten .left {
    background: url("../images/ding.png") no-repeat 30px center;
}
.hearten .center {
    background: url("../images/kuo.png") no-repeat 30px center;
}
.hearten .right {
    background: url("../images/ping.png") no-repeat 30px center;
    border-right: 0 none;
}
.jobInforList li p.pingNull {
    height: 40px;
    line-height: 40px;
    padding: 15px 0;
    text-indent: 20px;
    width: 550px;
}
.businessCard {
    background: #1f9bf6;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    margin: 15px 0 0 34px;
    text-align: center;
    width: 550px;
}
.trendCon {
    border-bottom: 1px solid #f0f0f0;
    margin: 0 auto;
    padding: 24px 16px 22px;
    width: 660px;
}
.trendAuthor {
    color: #666;
    font-size: 16px;
}
.trendAuthor a, .trendAuthor img, .trendAuthor span {
    display: block;
    float: left;
}
.trendAuthor img {
    height: 70px;
    margin-right: 28px;
    width: 70px;
}
.trendAuthor a {
    color: #4d7c98;
    font-size: 16px;
}
.trendAuthor span {
    color: #999;
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 2px;
}
.trendCon .trendText {
    color: #666;
    font-size: 14px;
    line-height: 22px;
    margin: -31px 0 0 99px;
    width: 560px;
}
.trendCon .trendText p {
    margin-bottom: 20px;
}
.trendCon .trendText p em {
    color: #999;
}
.trendCon .trendText img {
    display: block;
}
.trendCon .trendText .emoji {
    display: inline-block;
}
.trendCon .trendText .twoCols li, .trendCon .trendText .threeCols li {
    box-sizing: border-box;
    float: left;
    padding: 0 6px 6px 0;
}
.twoCols img, .threeCols img {
    margin: 0;
}
.twoCols a {
    display: block;
    height: 254px;
    overflow: hidden;
    width: 254px;
}
.trendCon .trendText .twoCols img {
    width: 254px;
}
.trendCon .trendText .threeCols a {
    display: block;
    height: 167px;
    overflow: hidden;
    width: 167px;
}
.trendCon .trendText .threeCols img {
    width: 167px;
}
.trendInfo {
    font-size: 12px;
    margin: 30px 0 0;
}
.trendInfo p, .trendInfo .trendShare {
    color: #999;
    width: 50%;
}
.trendInfo p {
    float: left;
    height: 32px;
    line-height: 32px;
}
.trendInfo .keyWords {
    float: none;
    margin-bottom: 38px;
}
.trendInfo p a {
    color: #2c89c4;
}
.trendInfo p span {
    color: #2c89c4;
    cursor: pointer;
    display: inline-block;
    padding: 0 6px;
}
.trendInfo .trendShare {
    float: right;
}
.trendInfo .trendShare a {
    color: #999;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 66px;
}
.trendInfo .trendShare .good {
    background: url("../images/ding.png") no-repeat left top;
	background-size:28px 26px;
    padding-left: 36px;
}
.trendInfo .trendShare .goodSelect {
    background: url("../images/favour.png") no-repeat left top;
	background-size:28px 26px;
    padding-left: 36px;
}
.trendInfo .trendShare .share {
    background: url("../images/kuo.png") no-repeat left top;
	background-size:28px 26px;
    padding-left: 36px;
}
.trendInfo .trendShare .shareSelect {
    background: url("../images/diffuse.png") no-repeat left top;
	background-size:28px 26px;
    padding-left: 36px;
}
.trendInfo .trendShare .discuss {
    background: url("../images/ping.png") no-repeat left 2px;
	background-size:28px 26px;
    padding-left: 36px;
}
.trendShare .good {
    background: url("../images/ding.png") no-repeat left -1px;
	background-size:28px 26px;
    padding-left: 36px;
}
.trendShare .goodSelect {
    background: url("../images/favour.png") no-repeat left 3px;
	background-size:28px 26px;
    padding-left: 36px;
}
.trendShare .share {
    background: url("../images/kuo.png") no-repeat left 3px;
	background-size:28px 26px;
    padding-left: 36px;
}
.trendShare .shareSelect {
    background: url("../images/diffuse.png") no-repeat left 3px;
	background-size:28px 26px;
    padding-left: 36px;
}
.trendShare .discuss {
    background: url("../images/ping.png") no-repeat left 3px;
	background-size:28px 26px;
    padding-left: 36px;
}
.trendDiscuss .discussBg {
    background:#fff url("../images/discuzArrow.png") no-repeat 537px top;
	background-size:22px 12px;
    height: 12px;
    width: 100%;
}
.trendDiscuss .trendShare {
    background: #eee;
    color: #999;
    font-size: 14px;
    line-height: 26px;
    padding: 11px 20px;
}
.trendDiscuss .trendShare a {
    color: #4d7c98;
}
.trendDiscuss .trendShare .discuss {
    color: #666;
    padding-left: 38px;
}
.trendDiscuss .trendShare .discuss li a {
    color: #4d7c98;
}
.disPublish {
    position: relative;
}
.feedEditor{margin-top:10px;}
.disPublish textarea {
    border: 1px solid #e2e2e2;
    color: #333;
    display: block;
    font-size: 14px;
    height: 117px;
	overflow-y:auto;
    line-height: 24px;
    margin: 20px auto 7px;
    padding: 13px;
    resize: none;
    width: 630px;
	background:#fff;
}
.disPublish .grayInput{background:#ededed;}
.disPublish input[type="submit"] {
    background:#2d9fea;
    border: 1px solid #2d9fea;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 16px;
    height: 30px;
    letter-spacing: 4px;
    line-height: 26px;
    margin: 10px 0 0;
    text-align: center;
    text-indent: 4px;
    width: 70px;
}
.disPublish input:hover {
    background:#4bb5f9;
}
.sendImgBtn{
	display:block;
	height:30px;
	line-height:30px;
	background:url(../images/sendImg.png) no-repeat left center;
	float:left;
	color:#999;
	font-size:14px;
	margin:10px 0 0 15px;
}
.sendImgBtn input{
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	filter:alpha(opacity=0); 
	opacity:0;
}
.announBox {
    background: none repeat scroll 0 0 #fff;
    font-family: "微软雅黑";
}
.announTopCon, .announCenterCon, .announQAcon {
    margin: 0 auto;
    width: 960px;
}
.announBox .announTop {
    background:#fb4142;
    height: 200px;
    padding: 80px 0;
    width: 100%;
}
.announTopCon {
    background: url("../images/noSina.jpg") no-repeat 160px center;
    color: #fff;
    font-size: 30px;
}
.announCenterCon {
    padding: 15px 0 30px;
}
.announTopCon p {
    line-height: 46px;
    margin-left: 390px;
}
.announCenterCon h2 {
    font-size: 42px;
    line-height: 42px;
    padding: 15px 0;
    text-align: center;
}
.announCenterCon .chatHistory, .announQAcon {
    color: #fff;
}
.announCenterCon .chatHistory ul {
    background:#fb4142;
}
.announCenterCon .chatHistory li {
    float: left;
    font-size: 16px;
    height: 50px;
    line-height: 26px;
    padding: 20px 0;
    width: 240px;
}
.announCenterCon .chatHistory li p {
    text-indent: 13px;
}
.redText {
    color: #fb4142;
}
.announCenterCon .chatHistory .odd {
    background:#333 url("../images/blackArrow.jpg") no-repeat right center;
}
.announCenterCon .chatHistory .even {
    background: url("../images/redArrow.jpg") no-repeat right center;
}
.announCenterCon .chatHistory .chatImg {
    height: 348px;
    margin: 20px auto;
    width: 940px;
}
.chatHistory .chatImg img {
    height: 348px;
    width: 940px;
}
.announQA {
    background:#333;
    padding-bottom: 25px;
}
.announQAcon .announQAlist, .announQAcon .announQAno {
    float: left;
    font-size: 16px;
}
.announQAcon .announQAlist {
    margin-left: 165px;
    width: 350px;
}
.announQAcon .announQAlist p {
    font-size: 38px;
    font-weight: bold;
    line-height: 52px;
    margin: 25px 0;
}
.announQAlist li {
    line-height: 30px;
}
.announQAno {
    margin: 30px 0 0;
}
.announQAno p {
    font-size: 18px;
    line-height: 30px;
}
.announQAno p.redWeight {
    color: #fb4142;
    font-size: 48px;
    font-weight: bold;
    line-height: 52px;
    margin-top: 20px;
}
.announBottom {
    padding: 50px 0;
}
.announBottom p {
    background: url("../images/announLogo.jpg") no-repeat left center;
    font-size: 18px;
    height: 90px;
    line-height: 90px;
    margin: 0 auto;
    padding-left: 93px;
    width: 340px;
}
.talentSkill {
    color: #999;
    font-size: 16px;
    line-height: 22px;
    margin-top: 16px;
}
.talentSkill span {
    color: #333;
    margin-right: 8px;
}
.moreDis {
    margin-left: 36px;
}
.trendCon .trendAuthor p {
    float: left;
}
.trendCon .trendCon {
    border: 1px solid #f4f4f4;
    margin: -25px 0 0 84px;
    padding: 20px;
    width: 478px;
}
.trendCon .trendCon .trendText {
    margin: 0;
    width: auto;
}
.trendCon .trendCon .trendText .twoCols li a {
    height: 233px;
    width: 233px;
}
.trendCon .trendCon .trendText .threeCols li a {
    height: 153px;
    width: 153px;
}
.trendCon .trendCon .trendText .twoCols img {
    width: 233px;
}
.trendCon .trendCon .trendText .threeCols img {
    width: 153px;
}
.trendCon .readers {
    color: #333;
    font-size: 14px;
}
.trendCon .readers {
    line-height: 26px;
}
.trendCon .readers a, .trendCon .readers span, .trendCon .readers img, .trendCon .readers b, .trendCon .readers p {float: left;}
.trendCon .readers a {
    color: #4d7c98;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    word-break: break-all;
}
.trendCon .readers span {
    color: #999;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
}
.trendCon .addv {
    float: left;
    height: 16px;
    margin: 6px 0 4px;
    width: 16px;
}
.trendCon .readers b {
    height: 26px;
    line-height: 26px;
	font-weight:normal;
}
.trendCon .readerImg, .trendCon .addvMan {
    border: 1px solid #f4f4f4;
    color: #333;
    margin-top: 10px;
    max-height: 70px;
    overflow: hidden;
    padding: 15px;
    position: relative;
}
.trendCon .readerImg li {
    float: left;
    font-size: 0;
    margin: 0 15px 15px 0;
}
.trendCon .readerImg li a, .trendCon .addvMan dt a {
    display: inline-block;
}
.trendCon .readerImg li img, .trendCon .addvMan dt img {
    height: 70px;
    width: 70px;
}
.trendCon .readerImg li .ding {
    display: block;
    height: 38px;
    margin-top: 20px;
    width: 41px;
}
.trendCon .readerImg .moreReader {
    position: absolute;
    right: 8px;
    top: 37px;
}
.trendCon .readerImg .moreReader img {
    height: 30px;
    width: 18px;
}
.trendCon .addvMan dt, .trendCon .addvMan dd {
    float: left;
}
.trendCon .addvMan dt {
    border-right: 1px solid #e4e4e4;
    font-size: 0;
    padding-right: 15px;
}
.trendCon .addvMan dd {
    padding-left: 15px;
}
.trendCon .addvMan dd p, .trendCon .addvMan dd .addvName a {
    color: #999;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.trendCon .addvMan dd p {
    max-width: 330px;
}
.trendCon .addvMan dd .addvName img, .trendCon .addvMan dd .addvName span {
    float: left;
}
.trendCon .addvMan dd .addvName span {
    color: #000;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    max-width: 300px;
}
.trendCon .addvMan dd .addvName img {
    margin-top: 4px;
}
.trendCon .addvMan dd .effect {
    position: absolute;
    right: 46px;
    top: -7px;
    width: auto;
}
.trendCon .addvMan .relation {
    position: absolute;
    right: -1px;
    top: -1px;
}
.trendCon .opeMan, .trendCon .opeName, .trendCon .opeCon {
    float: left;
}
.trendCon .opeMan {
    border: 1px solid #f4f4f4;
    font-size: 0;
    height: 70px;
    margin-top: 10px;
    padding: 15px;
}
.trendCon .opeMan img {
    height: 70px;
    width: 70px;
}
.trendCon .opeName {
    margin: 45px 12px 0;
}
.trendCon .opeCon {
    width: 487px;
}
.trendCon .opeCon .readers {
    color: #666;
    font-size: 14px;
}
.trendCon .opeCon .addvMan dd p {
    max-width: 250px;
}
.trendCon .opeCon .addvMan dd .addvName span {
    max-width: 220px;
}
.opeCon .agree {
    color: #666;
    font-size: 22px;
}
.opeCon .agree a {
    color: #4d7c98;
}
.opeCon .agree .addvBg {
    background: url("../images/addv.png") no-repeat right center;
    padding-right: 21px;
}
.text a {
    color: #4d7c98;
}
.gossipInforDetail {
    border-bottom: medium none;
}
.gossipInfor .trendInfo .trendShare a {
    background: url("../images/mobileDb2.png") no-repeat left top;
	background-size:25px 130px;
}
.gossipInfor .trendInfo .trendShare .good {
    background-position: 1px 2px;
}
.gossipInfor .trendInfo .trendShare .goodSelect {
    background: url("../images/favour.png") no-repeat left top;
	background-size:28px 26px;
    padding-left: 36px;
}
.gossipInfor .trendInfo .trendShare .discuss {
    background-position: 0 -67px;
}
.gossipInfor .trendInfo .trendShare .share {
    background-position: 0 -104px;
}
.loginBox {
    margin: 0 auto;
    padding: 110px 20px 20px;
    width: 370px;
}
.loginMsg {
    color: #ff0000;
    font-size: 14px;
    line-height: 30px;
}
.arrow {
    font-size: 16px;
    margin-bottom: 20px;
}
.loginTitle {
    color: #666;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 36px;
    margin: 0 auto 15px;
    padding-left: 20px;
    text-align: center;
}
.arrow span, .arrow input, .loginPhone {
    display: block;
    float: left;
}
.arrow span {
    height: 44px;
    line-height: 44px;
    min-width: 70px;
}
.arrow input, .loginPhone {
    border: 1px solid #c6c6c6;
    color: #999;
    font-size: 14px;
}
.arrow input{
    height: 22px;
    line-height: 22px;
    padding: 9px 0 9px 18px;
    width: 272px;
}
.loginPhone {width:289px;position:relative;}
.loginPhone span{
	height:42px;
	line-height:42px;
	border-right: 1px solid #c6c6c6;
	text-indent:16px;
	cursor:pointer;
}
.loginPhone input{
	border:0;
	width:69%;
	padding: 10px 0 10px 18px;
}
.areaCode{
	position: absolute;
	left: -1px;
	top: 42px;
	line-height: 34px;
	min-width: 130px;
	border: 1px solid #c6c6c6;
	background: #ffffff;
	height: 210px;
	overflow-y: scroll;
    z-index: 10;
}
.areaCode li{border-bottom:1px solid #c6c6c6;text-align:center;cursor:pointer;}
.areaCode li:hover{background:#f9f9f9;color:#000000;}
.loginBtn, .regBtn {
    background:#2d9fea;
    border: 1px solid #008be6;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    height: 40px;
    letter-spacing: 10px;
    line-height: 38px;
    margin-left: 70px;
    text-align: center;
    width: 292px;
}
.loginBtn:hover {
    background:#4bb5f9;
}
.turnPage {
    padding: 0 16px;
    text-align: right;
}
.turnPage a {
    color: #666;
    display: inline-block;
    font-size: 12px;
    line-height: 36px;
    padding: 0 6px;
}
.turnPage a:hover {
    color: #2c89c4;
}
.writeTrend {
   border-bottom:1px solid #f0f0f0;
    padding: 30px 33px;
}
.writeTrend .sendFeedTit, .writeGossip p {
    font-size: 14px;
    height: 22px;
    line-height: 22px;
	padding-left:12px;
}
.writeTrend .disPublish textarea, .writeGossip .disPublish textarea {
    margin: 10px auto 0;
}
.writeGossip {
    border-bottom:1px solid #f0f0f0;
    padding: 30px 33px;
}
.writeGossip p {
    color: #fff;
}
.backTop {
    background:#fff url("../images/arrow3.png") no-repeat center center;
    border: 1px solid #f4f4f4;
    bottom: 40px;
    display: block;
    height: 50px;
    position: fixed;
    right: 30px;
    width: 50px;
}
.emoji {
    height: 20px;
    width: 20px;
}
.recmtbtn {
    cursor: pointer;
}
/*谁看过我*/
.visText{line-height:22px; margin:30px 0 11px; padding-left:12px; font-size:12px; color:#666;}
.visitors{width:224px; height:480px;overflow:hidden;}
.visitors li{margin-right:4px; margin-bottom:8px; height:40px;}
.visitors li a{display:block;color:#666;}
.visitors li a img{display:block; float:left; width:40px; height:40px; border-radius:3px;}
.visitors li a span{
	display:block; 
	max-width:170px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	height:18px; 
	line-height:18px; 
	font-size:12px; 
	margin-left:48px;
}
.visPage{clear:both; padding-left:8px;}
.visPage a{padding:0 5px; font-size:14px; font-weight:bold; color:#999;}
/*分享匿名八卦框*/
.shareBox{
	width:500px;
	height:252px;
	border:1px solid #d0d4d6;
	position:fixed;
	left:50%;
	margin-left:-250px;
	top:50%;
	margin-top:-140px;
	z-index:6;
	background:#fff;
}
.shareBox {color:#333;}
.shareBox .sharetitle{padding:0 15px;line-height:46px; border-bottom:1px solid #d0d4d6; font-size:14px;position:relative;}
.shareBox .sharetitle h3{font-weight:normal; font-size:16px;}
.shareBox .sharetitle a{
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	position:absolute;
	right:8px;
	top:11px;
	cursor:pointer;
	color:#666;
	font-family:Arial;
}
.shareBox .sharetitle a:hover{color:#008be6;}
.shareCon{
	padding:20px 15px 0;
	font-size:12px;
	line-height:22px;
}
.shareCon .gossipText{
	background:#f1f1f1;
	padding:6px 13px 8px;
	color:#666;
	margin-top:8px;
	height:60px;
	overflow:hidden;
}
.shareCon .gossipText em{color:#333;}
.shareCon .buttons{width:226px; margin:30px auto 0;}
.shareCon .buttons a{
	display:block;
	float:left;
	width:100px;
	height:32px;
	line-height:32px;
	text-align:center;
	font-size:14px;
	background:#008be6;
	border-radius:3px;
	color:#fff;
}
.shareGossip{margin-left:23px;}
/*匿名八卦详情侧栏*/
.gossipSide{
	position:fixed;
	+position:absolute;
	width:283px;
	height:546px;
	left:0;
	top:50%;
	margin-top:-273px;
	background:url(../images/gossipSide.png) no-repeat left top;
}
.gossipSide img{
	display:block;
	width:106px;
	height:106px;
	position:absolute;
	top:158px;
	left:43px;
	background:#fff;
}
.gossipBottom{padding-bottom:35px;}
.simpletext{padding-left:6px;}
.simpletext .logo{
	width:66px;
	height:66px;
	float:left;
}
.simpletext .gossipText{
	display:inline-block;
	width:178px;
	height:66px;
	background:url(../images/gossipText.png) no-repeat left center;
	text-indent:-9999px;
	float:left;
	margin-left:15px;
}
.downBtns{padding:6px 0;}
.downBtns a{
	display:block;
	width:183px;
	height:54px;
	line-height:54px;
	border-radius:30px;
	background:#ff9600;
	text-align:center;
	float:left;
	margin-left:15px;
}
.downBtns a:hover{background:#fba72f;}
.downBtns a img{
	width:116px;
	height:30px;
	margin-top:10px;
}
.trendCon span.addv, span.addv {
    float: left;
    line-height: 22px;
	padding-right:16px;
    background:url(../images/addv.png) no-repeat right center;
}
.bottom a:hover{color:white;}
.bottom a:visited{color:white;}

/*join us*/
.joinUs{
	color: #4c4c4c;
	font-size: 14px;
	line-height: 24px;
	padding: 46px 26px;
	max-width: 1000px;
	margin: 69px auto 0;
}
.joinUs p{margin-bottom: 23px;}
.joinUs h1, .joinUsTxt {padding: 0 5px;}
.joinUs h1{
	font-size: 28px;
	color: #1797eb;
	line-height:38px;
	font-weight: normal;
	margin-bottom: 20px;
}
.joinJob{margin-top: 23px;}
.joinJobTit{
	font-size: 24px;
	color: #ffffff;
	line-height: 50px;
	background: #1f93e6;
	padding: 0 22px;
	margin: 40px 0 0;
}
.joinJobTxt{padding: 0 22px; margin-top: 23px;}
.joinJob p{margin-bottom: 10px;}
.knowledge {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 6;
    width: 400px;
    height: 368px;
    margin-left: -220px;
    margin-top: -204px;
    font-size: 0;
    text-align: center;
    border-radius: 6px;
    padding: 20px;
    background: #fff;
}
.knowledge img{
    max-width: 100%;
}
.close_layer {
    position: absolute;
    right: -30px;
    top: -30px;
    width: 60px;
    height: 60px;
    background: url(../images/close-60.png) no-repeat center center;
}

/*注册页*/
.login_text {
    text-align: center;
    padding: 0 0 0 70px;
    font-size: 14px;
    color: #1C1E21;
    position:relative;
}
.login_text a {
    text-decoration: underline;
    color: #2d9fea;
}
.login_license {
    text-align: center;
    padding:10px 0 38px 70px;
    font-size: 12px;
    color: #808080;
    position:relative;
}
.login_license a {
    text-decoration: none;
    color: #808080!important;
}
.login_ewm {
    position: absolute;
    left: 50%;
    margin-left: -96px;
    top: 40px;
}

.getcode {
    font-size: 13px;
    color: #17ACF6;
    background: transparent;
    padding: 7px;
    font-weight: 400;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    outline: none;
    border: none;
    cursor: pointer;
}

.running {
    color: #ABB4BF !important;
}

.switch_mode {
    padding: 5px 20px;
    text-align: right;
}

.switch_mode span {
    font-size: 13px;
    color: #1C4781;
    padding: 10px 0;
    display: inline-block;
    cursor: pointer;
}

.hidden {
    display: none;
}

.get_gcode {
    display: none;
}

.get_gcode_modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.50);
}

.get_gcode_wrap {
    width: 300px;
    height: 275px;
    background: #FFFFFF;
    border-radius: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 18px;
    z-index: 100;
}

.get_gcode_title {
    font-size: 21px;
    color: #393D40;
    text-align: center;
    margin: 52px auto 12.5px;
    font-weight: 600;
}

.get_gcode_subtitle {
    font-size: 15px;
    color: #909DA3;
    text-align: center;
    margin-bottom: 15px;
}

.get_gcode_input_wrap {
    position: relative;
}

.get_gcode_input {
    width: 100%;
    height: 45px;
    background: #FFFFFF;
    border: 1px solid #B7C3C9;
    border-radius: 4.5px;
    color: #393D40;
    padding-left: 16px;
    padding-right: 120px;
    box-sizing: border-box;
}

.get_gcode_input::-webkit-input-placeholder {
    color: #B7C3C9;
}

.get_gcode_img {
    position: absolute;
    height: 37px;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
}

.get_gcode_button {
    background: #019EEB;
    border-radius: 50px;
    width: 200px;
    height: 35px;
    outline: none;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    line-height: 35px;
    border: none;
    display: block;
    margin: 0 auto;
}

.get_gcode_waring {
    height: 30px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #E64340;
    line-height: 30px;
}

.get_gcode_close_wrap {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;

}

.get_gcode_close {
    display: inline-block;
    width: 15px;
    height: 2px;
    background: #019EEB;
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
    -webkit-transform: rotate(45deg);
}

.get_gcode_close:after {
    content: '/';
    display: block;
    width: 15px;
    height: 2px;
    background: #019EEB;
    -webkit-transform: rotate(-90deg);
}